/* =======================================

   CARD PROGRAMĂRI – 3 COLOANE

   ======================================= */

.homepage-butoane-programari-tel {
  position: relative;

  max-width: 1400px;

  margin: 0 auto;

  padding: 0px;

  background: #fff;

  border-radius: 40px;

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 2rem;

  align-items: stretch;

  z-index: 10;
}

/* =======================================

   CARD INDIVIDUAL

   ======================================= */

.programari-online-tel {
  border-radius: 28px;

  padding: 1.6rem 1.8rem 1.8rem;

  display: flex;

  flex-direction: column;

  gap: 1rem;

  justify-content: space-between;

  min-height: 100%;

  transition: transform 0.25s ease;
}

/* =======================================

   ZONA DE TELEFON – ICON + NUMĂR

   ======================================= */

.programari-online-tel .centrala-item-online {
  display: flex;

  align-items: center;

  gap: 0.6rem;

  text-decoration: none;

  transition: transform 0.25s ease;
}

/* ✔ HOVER pe telefon → se mișcă 2px spre dreapta */

.programari-online-tel .centrala-item-online:hover {
  transform: translateX(2px);
}

/* icon telefon */

.programari-online-tel .centrala-icon {
  font-family: "Material Symbols Outlined";

  font-variation-settings: "FILL" 0, "wght" 350, "GRAD" 0, "opsz" 24;

  font-size: 26px;

  line-height: 1;

  background: none;

  width: auto;

  height: auto;
}

/* culori pe categorii */

.programari-online-tel.ambulatoriu .centrala-icon,
.programari-online-tel.ambulatoriu .centrala-number {
  color: var(--color-secondary);
}

.programari-online-tel.laborator .centrala-icon,
.programari-online-tel.laborator .centrala-number {
  color: var(--color-primary);
}

.programari-online-tel.radiologie .centrala-icon,
.programari-online-tel.radiologie .centrala-number {
  color: var(--color-third);
}

.programari-online-tel .centrala-number {
  font-weight: 700;

  font-size: 1.5rem;

  margin-bottom: 5px;
}

/* =======================================

   BUTON PROGRAMĂRI ONLINE – FUNDAL PLIN

   ======================================= */

.programari-online-tel > a[href^="/programari"] {
  margin-top: 0.4rem;

  display: inline-flex;

  align-items: center;

  gap: 0.55rem;

  padding: 1.2rem 1.6rem;

  border-radius: 12px;

  border: 1.8px solid transparent;

  font-weight: 600;

  font-size: 1.45rem;

  text-decoration: none;

  color: #fff;

  background: #000;

  transition: transform 0.25s ease;

  position: relative;
}

/* icon stânga */

.programari-online-tel > a[href^="/programari"]::before {
  font-family: "Material Symbols Outlined";

  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;

  font-size: 20px;

  line-height: 1;
}

/* icon săgeată */

.programari-online-tel > a[href^="/programari"]::after {
  content: "chevron_right";

  font-family: "Material Symbols Outlined";

  font-size: 20px;

  line-height: 1;

  transition: transform 0.25s ease;
}

/* ✔ HOVER pe buton — doar săgeata se mișcă 2px */

.programari-online-tel > a[href^="/programari"]:hover::after {
  transform: translateX(2px);
}

/* culori + icon per categorie */

.programari-online-tel.ambulatoriu > a[href^="/programari"] {
  background: var(--color-secondary);
}

.programari-online-tel.ambulatoriu > a[href^="/programari"]::before {
  content: "favorite";
}

.programari-online-tel.laborator > a[href^="/programari"] {
  background: var(--color-primary);
}

.programari-online-tel.laborator > a[href^="/programari"]::before {
  content: "science";
}

.programari-online-tel.radiologie > a[href^="/programari"] {
  background: var(--color-third);
}

.programari-online-tel.radiologie > a[href^="/programari"]::before {
  content: "event_note";
}

/* =======================================

   TELEFON – ICON + NUMĂR MAI MARI

   ======================================= */

.programari-online-tel .centrala-icon {
  font-size: 25px !important; /* icon telefon mai mare */

  line-height: 1;
}

.programari-online-tel .centrala-number {
  font-size: 2rem !important; /* număr mai mare */

  font-weight: 700;
}

/* hover telefon */

.programari-online-tel .centrala-item-online:hover {
  transform: translateX(2px);
}

/* =======================================

   BUTOANE – FUNDAL PLIN, HOVER TRANSPARENT

   ======================================= */

.programari-online-tel > a[href^="/programari"] {
  margin-top: 0.4rem;

  display: inline-flex;

  align-items: center;

  gap: 0.55rem;

  padding: 1.2rem 1.6rem;

  border-radius: 12px;

  /* normal = FULL COLOR */

  color: #ffffff;

  border: 2px solid transparent;

  background: var(--color-primary); /* este suprascris per categorie */

  font-weight: 600;

  font-size: 1.35rem;

  text-decoration: none;

  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease,
    transform 0.25s ease;
}

/* culoare per categorie: normal (FULL COLOR) */

.programari-online-tel.ambulatoriu > a[href^="/programari"] {
  background: var(--color-secondary);

  border-color: var(--color-secondary);
}

.programari-online-tel.laborator > a[href^="/programari"] {
  background: var(--color-primary);

  border-color: var(--color-primary);
}

.programari-online-tel.radiologie > a[href^="/programari"] {
  background: var(--color-third);

  border-color: var(--color-third);
}

/* =======================================

   HOVER – DEVINE TRANSPARENT

   ======================================= */

.programari-online-tel > a[href^="/programari"]:hover {
  background: transparent;

  transform: translateY(-1px);
}

/* HOVER: icon stânga + text devin colorate corect */

.programari-online-tel.ambulatoriu > a[href^="/programari"]:hover {
  color: var(--color-secondary);

  border-color: var(--color-secondary);
}

.programari-online-tel.laborator > a[href^="/programari"]:hover {
  color: var(--color-primary);

  border-color: var(--color-primary);
}

.programari-online-tel.radiologie > a[href^="/programari"]:hover {
  color: var(--color-third);

  border-color: var(--color-third);
}

/* icon săgeată mișcare */

.programari-online-tel > a[href^="/programari"]::after {
  content: "chevron_right";

  font-family: "Material Symbols Outlined";

  font-size: 20px;

  line-height: 1;

  transition: transform 0.25s ease;
}

.programari-online-tel > a[href^="/programari"]:hover::after {
  transform: translateX(2px);
}

/* =======================================

   RESPONSIVE

   ======================================= */

@media (max-width: 1200px) {
  .homepage-butoane-programari-tel {
    padding: 2rem 1.8rem;

    gap: 1.6rem;
  }

  .programari-online-tel .centrala-number {
    font-size: 1.55rem;
  }
}

@media (max-width: 991px) {
  .homepage-butoane-programari-tel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .programari-online-tel > a[href^="/programari"] {
    font-size: 1.15rem;
}
}

@media (max-width: 700px) {
  .homepage-butoane-programari-tel {
    grid-template-columns: 1fr;

    padding: 1.8rem 1.4rem 2rem;
  }
  .programari-online-tel {
    padding: 0px;
}
.programari-online-tel > a[href^="/programari"] {
    padding: 1rem 1.2rem;
}
.programari-online-tel .centrala-number {
    font-size: 1.4rem !important;
}
}

@media (max-width: 460px) {
      .homepage-butoane-programari-tel {
        padding: 1.3rem 0.4rem;
        justify-content: center;
    }

  
  .programari-online-tel {
    gap: 0.25rem;
}
    .programari-online-tel > a[href^="/programari"] {
        padding: 0.9rem 1.2rem;
        font-size: 1.15rem;
    }
}


@media (max-width: 1100px) {
    .sectiune-despre-noi-homepage .wp-block-media-text__content {
        padding: inherit;
    }
}

/*daca se elimina sectiunea, se elimina si borderul de la header*/
.mobile-menu-section {
    border-bottom: 1px solid #b4b4b4;
}