/* Twelve Hub */
li:nth-child(1) > div:first-child,
li:nth-child(1) > a > div:first-child,
li:nth-child(1) [class*="icon"],
li:nth-child(1) svg {
  background: #ff4e27 !important;
  fill: #ff4e27 !important;
}

/* Tomzee */
li:nth-child(4) > div:first-child,
li:nth-child(4) > a > div:first-child,
li:nth-child(4) [class*="icon"],
li:nth-child(4) svg {
  background: #800020 !important;
  fill: #800020 !important;
}

/* dacă cercul e doar border/stroke */
li:nth-child(1) svg circle,
li:nth-child(1) svg path {
  stroke: #ff4e27 !important;
}

li:nth-child(4) svg circle,
li:nth-child(4) svg path {
  stroke: #800020 !important;
}
@media (max-width: 768px) {
  .home .wp-block-cover,
  .home .wp-block-group,
  .home .wp-block-columns {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .home .wp-block-columns {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  .home .wp-block-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }

  .home h1 {
    font-size: 38px !important;
    line-height: 1 !important;
    margin: 0 0 12px !important;
    text-align: left !important;
  }

  .home .wp-block-button,
  .home .wp-block-buttons,
  .home .wp-block-button__link {
    width: 100% !important;
  }

  .home .wp-block-button__link {
    display: block !important;
    text-align: center !important;
    padding: 14px 18px !important;
  }
}

/* MOBILE FIX */
@media (max-width: 768px) {

  html, body {
    overflow-x: hidden;
  }

  body {
    font-size: 16px;
    line-height: 1.5;
  }

  /* imagini responsive */
  img,
  video,
  iframe {
    max-width: 100%;
    height: auto;
  }

  /* container general */
  .site,
  .site-content,
  .content,
  .entry-content,
  .wp-site-blocks,
  .container,
  .wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  /* toate coloanele una sub alta pe mobil */
  .wp-block-columns,
  .columns,
  .row,
  .flex,
  [class*="col-"] {
    display: block !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  .wp-block-column,
  .column,
  .col,
  [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* padding mai mic pe sectiuni */
  section,
  .section,
  .wp-block-group,
  .wp-block-cover,
  .wp-block-media-text,
  .hero,
  .banner {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    min-height: auto !important;
  }

  /* titluri mai mici */
  h1 {
    font-size: 30px !important;
    line-height: 1.15 !important;
  }

  h2 {
    font-size: 24px !important;
    line-height: 1.2 !important;
  }

  h3 {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  p,
  li,
  a,
  span {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  /* butoane full width sau mai aerisite */
  .wp-block-button__link,
  .button,
  button,
  input[type="submit"] {
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 14px 18px !important;
    font-size: 15px !important;
  }

  /* header mai compact */
  .site-header,
  header,
  .header,
  .navbar {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .site-branding img,
  .custom-logo,
  .site-logo img {
    max-height: 42px !important;
    width: auto !important;
  }

  /* meniu pe mobil */
  .main-navigation,
  .primary-menu,
  .menu {
    width: 100%;
  }

  .main-navigation a,
  .primary-menu a,
  .menu a {
    display: block;
    padding: 10px 0;
  }

  /* text peste cover/imagini */
  .wp-block-cover,
  .wp-block-cover__inner-container,
  .hero,
  .banner-content {
    text-align: center !important;
  }

  .wp-block-cover p,
  .wp-block-cover h1,
  .wp-block-cover h2,
  .hero p,
  .hero h1,
  .hero h2 {
    max-width: 100% !important;
    padding-left: 12px;
    padding-right: 12px;
  }

  /* carduri / servicii */
  .card,
  .service-card,
  .wp-block-group,
  .box {
    padding: 18px !important;
    margin-bottom: 16px !important;
  }

  /* elimina spatii goale mari */
  .spacer,
  .wp-block-spacer {
    height: 30px !important;
  }
}
@media (max-width: 768px) {
  .site-header {
    padding: 12px 16px;
  }

  .header-inner {
    gap: 12px;
    align-items: center;
  }

  .main-nav {
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .nav-link {
    font-size: 14px;
  }

  .btn-primary {
    padding: 12px 18px;
    font-size: 14px;
  }

  .hero-section,
  .brand-spotlight,
  .section-pinned {
    width: 100%;
    min-height: auto;
    height: auto;
    overflow: visible;
  }

  .hero-photo-card,
  .hero-headline,
  .hero-cta-pill,
  .hero-caption-pill,
  .hero-micro-label,
  .brand-spotlight-content,
  .brand-spotlight-card {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px 0 !important;
  }

  .hero-photo-card {
    height: auto !important;
  }

  .hero-photo-card img,
  .brand-spotlight-card img {
    width: 100%;
    height: auto !important;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
  }

  .hero-headline h1 {
    font-size: 42px !important;
    line-height: 1 !important;
  }

  .hero-caption-pill {
    min-height: auto;
    border-radius: 24px;
    padding: 16px 18px;
  }

  .about-grid,
  .contact-grid,
  #group-model {
    grid-template-columns: 1fr !important;
  }

  .about-heading {
    position: static;
  }

  .brand-spotlight-content,
  .group-left,
  .group-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  .brand-spotlight-card {
    height: auto !important;
  }

  .brand-cards-grid,
  .form-row,
  .footer-grid {
    grid-template-columns: 1fr !important;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }
}