/* ============================================================
   INOMET DESIGN — Nude / Linen Palette v1.3
   Fond: linen #f9f6f1 | Accent: bronz #9a7840
   Font: Cormorant Garamond (titluri) + DM Sans (body)
   ============================================================ */

:root {
  --inomet-bg:      #f9f6f1;
  --inomet-surface: #f0ece5;
  --inomet-surf2:   #e8e2d9;
  --inomet-line:    #ddd6cb;
  --inomet-terra:   #9a7840;           /* bronz principal */
  --inomet-terra-d: #7a5c2c;           /* bronz întunecat — hover */
  --inomet-terra-l: #e0ceac;           /* bronz palid — fundaluri */
  --inomet-bronze-bright: #c9a458;     /* bronz luminos — gradienți */
  --inomet-bronze-gold:   #d4b870;     /* auriu cald — highlight */
  --inomet-ink:     #120f0c;
  --inomet-text:    #3a3430;
  --inomet-muted:   #8a7e75;
  --inomet-white:   #ffffff;

  /* Gradient metalic reutilizabil */
  --inomet-grad: linear-gradient(135deg, #d4b870 0%, #9a7840 38%, #c9a458 62%, #7a5c2c 100%);
}

/* Shimmer animation pentru efecte metalice */
@keyframes inomet-shimmer {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}

/* Zoom lent pe imaginea hero */
@keyframes inomet-hero-zoom {
  from { transform: scale(1);    }
  to   { transform: scale(1.10); }
}
.inomet-hero .wp-block-cover__image-background,
.inomet-despre-cover .wp-block-cover__image-background {
  animation: inomet-hero-zoom 12s ease-in-out alternate infinite;
  transform-origin: center center;
  will-change: transform;
}

/* ============================================================
   BASE
   ============================================================ */
body {
  background: var(--inomet-bg);
  color: var(--inomet-text);
  font-family: 'DM Sans', -apple-system, sans-serif;
  font-size: 1rem;
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .wp-block-heading {
  font-family: 'Cormorant Garamond', Georgia, serif;
  color: var(--inomet-ink);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -0.01em;
}

h1 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); }
h2 { font-size: clamp(1.4rem, 2.4vw, 2rem); }
h3 { font-size: clamp(1.1rem, 1.6vw, 1.4rem); }
h4 { font-size: 1rem; }

a { color: var(--inomet-terra); text-decoration: none; }
a:hover { color: var(--inomet-ink); }

/* ============================================================
   LAYOUT HELPERS
   ============================================================ */
.inomet-section { padding-block: 88px; }
.inomet-section--surface { background: var(--inomet-surface); }
.inomet-section--surf2   { background: var(--inomet-surf2); }

.inomet-section-header { text-align: center; margin-bottom: 60px; }

.inomet-eyebrow {
  color: var(--inomet-terra);
  
  letter-spacing: 0.30em;
  font-size: 0.68rem;
  font-weight: 500;
  font-family: 'DM Sans', sans-serif;
  margin-bottom: 10px;
  display: block;
}

.inomet-rule {
  width: 48px; height: 1px;
  background: linear-gradient(90deg, #7a5c2c, #d4b870, #7a5c2c);
  border: 0;
  margin: 16px auto 28px;
  opacity: 0.8;
}

.inomet-prose p {
  color: var(--inomet-text);
  line-height: 1.82;
  max-width: 660px;
  margin-inline: auto;
}

/* ============================================================
   TOP BAR
   ============================================================ */
.starter-topbar {
  background: var(--inomet-surface);
  color: var(--inomet-muted);
  border-bottom: 1px solid var(--inomet-line);
  font-family: 'DM Sans', sans-serif;
  font-size: 0.80rem;
  letter-spacing: 0.01em;
}
.starter-topbar a { color: var(--inomet-muted); }
.starter-topbar a:hover { color: var(--inomet-terra); }
.starter-topbar .gm-ico {
  width: 13px; height: 13px;
  vertical-align: -2px; margin-right: 5px;
  color: var(--inomet-terra);
}

/* ============================================================
   HEADER
   ============================================================ */
.starter-header {
  background: rgba(249,246,241,0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--inomet-line);
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
.starter-header.scrolled {
  background: var(--inomet-bg);
  box-shadow: 0 4px 24px rgba(30,27,24,0.08);
}
.starter-header .wp-block-site-logo img { max-height: 48px; }

/* Nav links */
.wp-block-navigation .wp-block-navigation-item > a,
.wp-block-navigation .wp-block-navigation-item__content {
  color: var(--inomet-text) !important;
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  
}
.starter-nav .wp-block-navigation-item a::after { background: var(--inomet-terra); height: 1px; }
.starter-nav .wp-block-navigation-item a:hover { color: var(--inomet-terra) !important; }

/* Submenu */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
  background: var(--inomet-white);
  border: 1px solid var(--inomet-line);
  box-shadow: 0 12px 36px rgba(30,27,24,0.12);
  min-width: 260px;
  padding: 8px 0;
  border-radius: 0;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item a {
  padding: 10px 20px !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.08em;
  
  color: var(--inomet-text) !important;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item a:hover {
  background: var(--inomet-surface);
  color: var(--inomet-terra) !important;
}

/* CTA nav */
.starter-nav-cta a {
  background: transparent !important;
  color: var(--inomet-terra) !important;
  border: 1px solid var(--inomet-terra) !important;
  border-radius: 0 !important;
  padding: 8px 20px !important;
  font-weight: 500 !important;
  
  letter-spacing: 0.10em;
  font-size: 0.72rem !important;
  transition: background 0.22s, color 0.22s;
}
.starter-nav-cta a::after { display: none !important; }
.starter-nav-cta a:hover {
  background: var(--inomet-terra) !important;
  color: #fff !important;
}

/* ============================================================
   HERO
   ============================================================ */
.inomet-hero.wp-block-cover {
  min-height: 92vh;
  align-items: center;
  text-align: center;
}
.inomet-hero .wp-block-cover__inner-container {
  max-width: 820px;
  margin-inline: auto;
  padding-inline: 2rem;
}
.inomet-hero h1 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.06;
  letter-spacing: -0.02em;
  font-weight: 500;
  color: #f9f5ef;
  margin-bottom: 20px;
  text-shadow: 0 2px 20px rgba(0,0,0,0.18);
}
.inomet-hero .inomet-eyebrow {
  color: #e8d0bb;
  letter-spacing: 0.28em;
}
.inomet-hero p.inomet-lead {
  color: rgba(249,245,239,0.88);
  font-size: 1.05rem;
  max-width: 560px;
  margin-inline: auto;
  font-weight: 300;
  line-height: 1.72;
}
/* overlay mai cald, bej, nu negru */
.inomet-hero .wp-block-cover__background {
  background: linear-gradient(
    180deg,
    rgba(40,28,20,0.50) 0%,
    rgba(30,20,14,0.72) 60%,
    rgba(20,12,8,0.88) 100%
  ) !important;
}
.inomet-hero .wp-block-buttons { justify-content: center; }

/* Titluri cover/hero pe pagini secundare (fără clasa inomet-hero) */
.wp-block-cover:not(.inomet-hero):not(.inomet-despre-cover) h1,
.wp-block-cover:not(.inomet-hero):not(.inomet-despre-cover) h2,
.wp-block-cover:not(.inomet-hero):not(.inomet-despre-cover) .wp-block-heading {
  font-size: clamp(1.3rem, 2.4vw, 1.9rem) !important;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* Butoane globale */
.wp-block-button__link {
  letter-spacing: 0.03em;
  font-weight: 500;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.92rem;
  border-radius: 0;
}
.is-style-outline .wp-block-button__link {
  border: 1px solid rgba(249,245,239,0.50) !important;
  color: #f9f5ef !important;
  background: transparent !important;
  padding: 12px 28px;
}
.is-style-outline .wp-block-button__link:hover {
  background: rgba(249,245,239,0.12) !important;
  border-color: rgba(249,245,239,0.8) !important;
}
.has-primary-background-color.wp-block-button__link {
  background: linear-gradient(110deg, #c9a458 0%, #9a7840 45%, #d4b870 100%) !important;
  background-size: 200% auto !important;
  color: #fff !important;
  padding: 12px 32px !important;
  transition: background-position 0.5s ease, box-shadow 0.3s ease !important;
  box-shadow: 0 2px 14px rgba(154,120,64,0.28);
}
.has-primary-background-color.wp-block-button__link:hover {
  background-position: right center !important;
  box-shadow: 0 4px 22px rgba(154,120,64,0.45) !important;
}

/* Butoane din secțiunile light */
.inomet-section .is-style-outline .wp-block-button__link {
  border-color: var(--inomet-terra) !important;
  color: var(--inomet-terra) !important;
}
.inomet-section .is-style-outline .wp-block-button__link:hover {
  background: linear-gradient(110deg, #c9a458 0%, #9a7840 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* ============================================================
   CARDURI SERVICII — text premium cu număr pale
   ============================================================ */
.inomet-card {
  background: transparent;
  border: none;
  border-top: 1px solid var(--inomet-line);
  padding: 36px 16px 36px 0;
  height: 100%;
  transition: border-top-color 0.28s ease;
}
.inomet-card:hover { border-top-color: var(--inomet-terra); }

.inomet-card-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 14px;
  display: block;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, #d4b870 0%, #9a7840 38%, #c9a458 62%, #7a5c2c 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: inomet-shimmer 4s linear infinite;
}
.inomet-card .inomet-card-body { padding: 0; }
.inomet-card h3 {
  font-size: 1.42rem;
  margin: 0 0 10px;
  color: var(--inomet-ink);
  font-weight: 500;
}
.inomet-card p {
  color: var(--inomet-muted);
  font-size: 0.88rem;
  margin: 0 0 18px;
  line-height: 1.70;
}
.inomet-card a.inomet-more {
  color: var(--inomet-terra);
  font-weight: 500;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.inomet-card a.inomet-more::after { content: '→'; transition: transform 0.2s; }
.inomet-card a.inomet-more:hover { color: var(--inomet-ink); }
.inomet-card a.inomet-more:hover::after { transform: translateX(4px); }

/* ============================================================
   STATISTICI
   ============================================================ */
.inomet-stat {
  text-align: center;
  padding: 40px 24px;
  border-top: 1px solid var(--inomet-line);
}
.inomet-stat .inomet-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 4rem;
  font-weight: 600;
  color: var(--inomet-ink);
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: 8px;
}
.inomet-stat .inomet-num span { color: var(--inomet-terra); }
.inomet-stat .inomet-lbl {
  color: var(--inomet-muted);
  font-size: 0.70rem;
  
  letter-spacing: 0.20em;
  font-family: 'DM Sans', sans-serif;
}

/* ============================================================
   GALERIE (.gm-gallery) + lightbox
   ============================================================ */
.gm-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.gm-gallery a {
  display: block;
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/3;
  cursor: pointer;
  border: 1px solid var(--inomet-line);
}
.gm-gallery img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: block;
}
.gm-gallery a:hover img { transform: scale(1.06); }
.gm-gallery a::after {
  content: "";
  position: absolute; inset: 0;
  background: rgba(184,84,46,0);
  opacity: 0; transition: opacity .3s ease;
}
.gm-gallery a:hover::after { opacity: 1; background: rgba(18,15,12,0.28); }
.gm-gallery a::before {
  content: "+";
  position: absolute; z-index: 2;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%) scale(0.7);
  font-family: 'DM Sans', sans-serif;
  font-size: 1.8rem; color: #fff;
  opacity: 0; transition: opacity .3s ease, transform .3s ease;
}
.gm-gallery a:hover::before { opacity: 1; transform: translate(-50%,-50%) scale(1); }

@media (max-width: 900px) { .gm-gallery { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 520px)  { .gm-gallery { grid-template-columns: 1fr; } }

.inomet-prose { max-width: 720px; }
.inomet-prose p { color: var(--inomet-text); line-height: 1.84; }

/* ============================================================
   FOOTER
   ============================================================ */
.starter-footer {
  background: var(--inomet-surf2);
  color: var(--inomet-muted);
  border-top: 1px solid var(--inomet-line);
  padding-top: 64px;
}
.starter-footer .wp-block-heading {
  color: var(--inomet-ink);
  font-family: 'DM Sans', sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.22em;
  
  font-weight: 500;
  margin-bottom: 20px;
}
.starter-footer a { color: var(--inomet-muted); text-decoration: none; font-size: 0.90rem; }
.starter-footer a:hover { color: var(--inomet-terra); }
.starter-footer ul { list-style: none; padding: 0; margin: 0; }
.starter-footer ul li { margin-bottom: 10px; }
.starter-footer p { color: var(--inomet-text); font-size: 0.90rem; }
.starter-footer .gm-ico {
  width: 15px; height: 15px;
  vertical-align: -3px; margin-right: 8px;
  color: var(--inomet-terra); flex: none;
}
.starter-social a { display: inline-flex; align-items: center; }
.starter-social .gm-ico { width: 18px; height: 18px; margin: 0; color: var(--inomet-muted); }
.starter-social a:hover .gm-ico { color: var(--inomet-terra); }

.starter-footer-bottom {
  margin-top: 48px;
  border-top: 1px solid var(--inomet-line);
  padding: 20px 16px;
  text-align: center;
  font-size: 0.75rem;
  color: var(--inomet-muted);
  font-family: 'DM Sans', sans-serif;
  letter-spacing: 0.02em;
  overflow: visible;
}
.starter-footer-bottom a { white-space: nowrap; color: var(--inomet-muted); font-size: 0.75rem; }
.starter-footer-bottom a:hover { color: var(--inomet-terra); }

/* ============================================================
   CONTACT INFO
   ============================================================ */
.inomet-contact-list p {
  display: flex; align-items: flex-start;
  gap: 10px; margin: 0 0 14px;
  font-size: 0.90rem; color: var(--inomet-text);
}
.inomet-contact-list .gm-ico {
  width: 16px; height: 16px;
  color: var(--inomet-terra); flex: none; margin-top: 3px;
}

/* ============================================================
   CF7 — form light
   ============================================================ */
.wpcf7 { max-width: 600px; }
.wpcf7 .global-cf7-row { display: flex; gap: 16px; flex-wrap: wrap; }
.wpcf7 .global-cf7-col { flex: 1; min-width: 200px; }
.wpcf7 label {
  display: block; color: var(--inomet-muted);
  font-size: 0.72rem; margin: 16px 0 6px;
  font-family: 'DM Sans', sans-serif;
   letter-spacing: 0.10em;
}
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not([type="checkbox"]):not([type="radio"]) {
  width: 100%;
  background: var(--inomet-white);
  border: 1px solid var(--inomet-line);
  border-bottom-color: #c8c0b4;
  color: var(--inomet-ink);
  padding: 12px 14px;
  border-radius: 0;
  font-size: 0.95rem;
  font-family: 'DM Sans', sans-serif;
  transition: border-color 0.2s;
}
.wpcf7 .wpcf7-form-control:focus { outline: none; border-color: var(--inomet-terra); }
.wpcf7 textarea { min-height: 130px; resize: vertical; }
.wpcf7 .wpcf7-submit {
  margin-top: 20px;
  background: var(--inomet-terra); color: #fff;
  border: none; padding: 13px 36px;
  border-radius: 0; font-weight: 500;
   letter-spacing: 0.10em;
  cursor: pointer; font-size: 0.78rem;
  font-family: 'DM Sans', sans-serif;
  transition: background 0.22s;
}
.wpcf7 .wpcf7-submit:hover { background: var(--inomet-terra-d); }
.wpcf7-acceptance { border: none !important; padding: 0 !important; background: none !important; }
.wpcf7-acceptance .wpcf7-list-item { margin: 14px 0 0; }
.wpcf7-acceptance label {
  display: inline; font-size: 0.80rem;
  color: var(--inomet-muted); text-transform: none; letter-spacing: 0;
}

/* ============================================================
   FLOATING BUTTONS
   ============================================================ */
.starter-whatsapp-float {
  position: fixed; right: 22px; bottom: 22px; z-index: 1000;
  width: 52px; height: 52px; border-radius: 50%;
  background: #25D366;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 20px rgba(0,0,0,0.18);
  transition: transform 0.2s;
}
.starter-whatsapp-float:hover { transform: scale(1.08); }
.starter-scroll-top {
  position: fixed; right: 22px; bottom: 86px; z-index: 1000;
  width: 42px; height: 42px; border-radius: 0;
  background: transparent;
  color: var(--inomet-terra);
  border: 1px solid var(--inomet-terra);
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, background 0.2s;
}
.starter-scroll-top.visible { opacity: 1; visibility: visible; }
.starter-scroll-top:hover { background: var(--inomet-terra); color: #fff; }

/* ============================================================
   GALERIE INTERACTIVĂ HOMEPAGE
   ============================================================ */
#inomet-galerie-proiecte { margin-top: 0; padding-bottom: 16px; }

/* Tabs bar */
.gm-gtabs-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  margin: 0 -1rem 32px;
  padding: 0 1rem;
}
.gm-gtabs-wrap::-webkit-scrollbar { display: none; }

.gm-gtabs {
  display: flex;
  gap: 6px;
  white-space: nowrap;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--inomet-line);
}

.gm-gtab {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  padding: 10px 16px;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.80rem;
  color: var(--inomet-muted);
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.2s, border-color 0.2s;
  letter-spacing: 0.02em;
}
.gm-gtab:hover { color: var(--inomet-ink); }
.gm-gtab.active {
  color: var(--inomet-ink);
  border-bottom-color: var(--inomet-terra);
  font-weight: 500;
}

/* Grid poze */
.gm-ggrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 24px;
}
.gm-ggrid-item {
  display: block;
  overflow: hidden;
  aspect-ratio: 4/3;
  background: var(--inomet-surface);
  position: relative;
}
.gm-ggrid-item img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform 0.55s cubic-bezier(0.25,0.46,0.45,0.94);
  display: block;
}
.gm-ggrid-item:hover img { transform: scale(1.06); }
.gm-ggrid-item::after {
  content: '';
  position: absolute; inset: 0;
  background: rgba(18,15,12,0);
  transition: background 0.3s;
}
.gm-ggrid-item:hover::after { background: rgba(18,15,12,0.22); }

/* Footer link */
.gm-gfoot { text-align: center; padding: 4px 0 8px; }
.gm-gfoot-link {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.82rem;
  color: var(--inomet-terra);
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: color 0.2s;
}
.gm-gfoot-link:hover { color: var(--inomet-ink); }

@media (max-width: 900px) { .gm-ggrid { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 600px) { .gm-ggrid { grid-template-columns: repeat(2,1fr); } }

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 781px) { .starter-topbar { display: none; } }
@media (max-width: 768px) {
  .wp-site-blocks > * { padding-inline: 1.25rem !important; }
  .starter-footer { padding-inline: 1.25rem !important; }
  .inomet-section { padding-block: 56px; }
  .starter-footer-bottom { flex-direction: column; padding-right: 72px; }
}
@media (max-width: 782px) {
  .wp-block-cover.inomet-hero { min-height: 80vh !important; }
  .inomet-hero h1 { font-size: 2.4rem; line-height: 1.1; }
}
@media (max-width: 480px) {
  .inomet-hero h1 { font-size: 2rem; }
  .inomet-section { padding-block: 44px; }
}

/* ============================================================
   WORDMARK + HAMBURGER  (v1.4)
   ============================================================ */

/* Wordmark text — stânga header */
.inomet-wordmark,
.wp-block-site-title.inomet-wordmark {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.inomet-wordmark a {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  color: var(--inomet-terra) !important;
  text-decoration: none !important;
  white-space: nowrap;
}
.inomet-wordmark a:hover { color: var(--inomet-terra-d) !important; }

/* Hamburger & close button */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer;
  padding: 6px 4px !important;
}
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
  color: var(--inomet-terra) !important;
  width: 26px !important;
  height: 26px !important;
  display: block;
}

/* Mobile overlay */
@media (max-width: 781px) {
  .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--inomet-bg) !important;
    padding: 80px 32px 40px !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    color: var(--inomet-ink) !important;
    padding: 14px 0 !important;
    display: block;
    border-bottom: 1px solid var(--inomet-line) !important;
    text-decoration: none !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:hover {
    color: var(--inomet-terra) !important;
  }
  .wp-block-navigation__responsive-container-close {
    position: fixed !important;
    top: 18px !important;
    right: 18px !important;
  }
}

/* ============================================================
   MOBILE NAV DRAWER custom  (v1.5)
   ============================================================ */

/* Hamburger buton */
.inomet-ham {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  color: var(--inomet-terra);
  line-height: 0;
  flex-shrink: 0;
}

/* Desktop nav ascuns pe mobile */
@media (max-width: 781px) {
  .inomet-desk-nav { display: none !important; }
  .inomet-ham { display: flex !important; align-items: center; }
}

/* Overlay full-screen */
.inomet-mob-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--inomet-bg);
  transform: translateX(100%);
  transition: transform 0.32s cubic-bezier(0.4,0,0.2,1);
  overflow-y: auto;
  padding: 72px 32px 48px;
  display: flex;
  flex-direction: column;
}
.inomet-mob-overlay.open { transform: translateX(0); }

/* Buton închide */
.inomet-mob-close {
  position: absolute;
  top: 16px; right: 16px;
  background: none; border: none; cursor: pointer;
  padding: 8px;
  color: var(--inomet-terra);
  line-height: 0;
}

/* Brand în overlay */
.inomet-mob-brand {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: var(--inomet-terra);
  margin-bottom: 32px;
}

/* Nav links */
.inomet-mob-nav {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.inomet-mob-link {
  font-family: 'DM Sans', sans-serif;
  font-size: 1.15rem;
  font-weight: 500;
  color: var(--inomet-ink);
  text-decoration: none;
  padding: 16px 0;
  border-bottom: 1px solid var(--inomet-line);
  display: block;
}
.inomet-mob-link:hover { color: var(--inomet-terra); }
.inomet-mob-cta {
  color: var(--inomet-terra) !important;
  font-weight: 600;
}

/* Grup Servicii cu expand */
.inomet-mob-group { border-bottom: 1px solid var(--inomet-line); }
.inomet-mob-group-toggle {
  width: 100%;
  background: none; border: none; cursor: pointer;
  font-family: 'DM Sans', sans-serif;
  font-size: 1.15rem;
  font-weight: 500;
  color: var(--inomet-ink);
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}
.inomet-mob-group-toggle:hover { color: var(--inomet-terra); }
.inomet-mob-arrow { transition: transform 0.25s ease; flex-shrink: 0; }

/* Submenu categorii */
.inomet-mob-submenu {
  padding-bottom: 12px;
  display: flex;
  flex-direction: column;
}
.inomet-mob-sublink {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.95rem;
  color: var(--inomet-text);
  text-decoration: none;
  padding: 10px 16px;
  border-bottom: 1px solid var(--inomet-surf2);
  display: block;
}
.inomet-mob-sublink:hover { color: var(--inomet-terra); background: var(--inomet-surface); }
.inomet-mob-sublink--all {
  color: var(--inomet-terra);
  font-weight: 500;
  margin-top: 4px;
}

/* ============================================================
   DESPRE NOI — Stats + Layout  (v1.6)
   ============================================================ */

/* Stats row */
.inomet-stats-row {
  border: 1px solid var(--inomet-line);
  border-radius: 12px;
  overflow: hidden;
  margin-top: 48px !important;
}
.inomet-stat-box {
  padding: 32px 16px !important;
  text-align: center;
  border-right: 1px solid var(--inomet-line);
  background: var(--inomet-white);
}
.inomet-stat-box:last-child { border-right: none; }
.inomet-stat-num {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(2rem,3.5vw,2.8rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin: 0 0 6px !important;
  background: linear-gradient(135deg, #d4b870 0%, #9a7840 50%, #c9a458 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: inomet-shimmer 4s linear infinite;
}
.inomet-stat-lbl {
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em;
  color: var(--inomet-muted) !important;
  margin: 0 !important;
}
@media (max-width: 600px) {
  .inomet-stats-row { flex-wrap: wrap !important; border-radius: 8px; }
  .inomet-stat-box { border-right: none; border-bottom: 1px solid var(--inomet-line); }
  .inomet-stat-box:last-child { border-bottom: none; }
}

/* Imagine rotunjită */
.inomet-img-rounded img {
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(18,15,12,0.12);
}

/* Hero despre noi */
.inomet-despre-hero .wp-block-cover__image-background {
  animation: inomet-hero-zoom 14s ease-in-out alternate infinite;
}

/* Check list cu bronz */
.inomet-check-list li {
  padding-left: 1.6em;
  position: relative;
  margin-bottom: 10px;
  line-height: 1.6;
}
.inomet-check-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--inomet-terra);
  flex-shrink: 0;
}

/* ============================================================
   MOBILE — Card centrat + Footer fara margini  (v1.7)
   ============================================================ */

@media (max-width: 781px) {

  /* ── Footer full-width, fara alb lateral ── */
  .starter-footer {
    padding-inline: 0 !important;
    margin-inline: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .starter-footer > .wp-block-group {
    padding-inline: 1.25rem !important;
    max-width: 100% !important;
  }
  .starter-footer-bottom {
    padding-inline: 1.25rem !important;
  }
  /* Elimina padding-inline global pe footer */
  .wp-site-blocks > .wp-block-group.starter-footer {
    padding-inline: 0 !important;
  }

  /* ── Carduri servicii — centrat pe mobile/tablet ── */
  .inomet-card {
    text-align: center !important;
    align-items: center !important;
  }
  .inomet-card-num {
    display: block !important;
    text-align: center !important;
    margin-inline: auto !important;
  }
  .inomet-card-body {
    text-align: center !important;
  }
  .inomet-card-body h3,
  .inomet-card-body p {
    text-align: center !important;
  }
  .inomet-card a.inomet-more {
    display: inline-block !important;
    text-align: center !important;
    margin-inline: auto !important;
  }
  /* Linie separator sub cifra — centrata */
  .inomet-card::before,
  .inomet-card .inomet-rule {
    margin-inline: auto !important;
  }

  /* ── Stats mobile (2 coloane) ── */
  .inomet-stats-row .wp-block-column {
    flex-basis: 50% !important;
    border-right: none !important;
    border-bottom: 1px solid var(--inomet-line) !important;
  }
  .inomet-stats-row .wp-block-column:nth-child(odd) {
    border-right: 1px solid var(--inomet-line) !important;
  }
  .inomet-stats-row .wp-block-column:nth-last-child(-n+2) {
    border-bottom: none !important;
  }

  /* ── Galerie homepage tabs scroll ── */
  .gm-ggrid { grid-template-columns: repeat(2,1fr) !important; }
}


/* ============================================================
   PAGINA SERVICII — grid carduri categorii  (v1.8)
   ============================================================ */

.inomet-srv-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 8px;
}

.inomet-srv-card {
  background: var(--inomet-white);
  border: 1px solid var(--inomet-line);
  border-radius: 10px;
  padding: 28px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: box-shadow 0.25s, border-color 0.25s, transform 0.25s;
}
.inomet-srv-card:hover {
  box-shadow: 0 6px 24px rgba(154,120,64,0.13);
  border-color: var(--inomet-terra-l);
  transform: translateY(-2px);
}

/* Numele categoriei — mare, bronz, link */
.inomet-srv-card-name {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--inomet-terra);
  text-decoration: none;
  line-height: 1.25;
  display: block;
}
.inomet-srv-card-name:hover { color: var(--inomet-terra-d); }

/* Descriere scurtă */
.inomet-srv-card-desc {
  font-size: 0.88rem;
  color: var(--inomet-muted);
  line-height: 1.65;
  flex: 1;
  margin: 0;
}

/* Link galerie */
.inomet-srv-card-link {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--inomet-terra);
  text-decoration: none;
  letter-spacing: 0.04em;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  transition: gap 0.2s;
}
.inomet-srv-card-link:hover { gap: 8px; color: var(--inomet-terra-d); }

/* Eyebrow ca titlu de grup — mai mare pe pagina servicii */
.inomet-section .inomet-eyebrow,
.wp-block-group .inomet-eyebrow {
  font-size: 0.72rem;
}

/* Responsive */
@media (max-width: 900px) { .inomet-srv-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 540px) { .inomet-srv-grid { grid-template-columns: 1fr; gap: 14px; } }

/* ============================================================
   SERVICII GRID — centrat (override v1.9)
   ============================================================ */
.inomet-srv-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 20px !important;
  grid-template-columns: unset !important;
}
.inomet-srv-card {
  flex: 0 1 calc(33.333% - 14px) !important;
  min-width: 240px !important;
  max-width: 380px !important;
  box-sizing: border-box !important;
}
@media (max-width: 900px) {
  .inomet-srv-card { flex: 0 1 calc(50% - 10px) !important; }
}
@media (max-width: 540px) {
  .inomet-srv-card { flex: 0 1 100% !important; max-width: 100% !important; }
}

/* Card singur pe rand — mai lat (v1.9.1) */
.inomet-srv-card:only-child {
  flex: 0 1 66% !important;
  max-width: 760px !important;
}
@media (max-width: 900px) {
  .inomet-srv-card:only-child { flex: 0 1 80% !important; max-width: 100% !important; }
}
@media (max-width: 540px) {
  .inomet-srv-card:only-child { flex: 0 1 100% !important; }
}

/* ============================================================
   HEADER ÎNTUNECAT — logo original + nav alb  (v2.0)
   ============================================================ */

/* Fundal întunecat cu textura originală */
.inomet-dark-header {
  background-image: url('https://www.inometdesign.ro/wp-content/uploads/2026/06/inomet-header-bg.png');
  background-position: top center;
  background-repeat: repeat-x;
  background-color: #060d1a;
  border-bottom: none !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.5);
}

/* Scoate top bar (nu mai e) */
.starter-topbar { display: none !important; }

/* Logo */
.inomet-logo-link { display: block; line-height: 0; flex-shrink: 0; }
.inomet-logo-img {
  height: 70px;
  width: auto;
  display: block;
  object-fit: contain;
}
@media (max-width: 781px) {
  .inomet-logo-img { height: 48px; }
}

/* Nav link-uri — alb pe fundal întunecat */
.inomet-dark-nav .wp-block-navigation-item__content,
.inomet-dark-nav .wp-block-navigation-item a {
  color: #d3eaff !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 6px 10px !important;
  transition: color 0.2s !important;
}
.inomet-dark-nav .wp-block-navigation-item a:hover,
.inomet-dark-nav .wp-block-navigation-item.current-menu-item a {
  color: #5bbfff !important;
}
/* Contact — cyan highlight ca pe site-ul original */
.inomet-dark-nav .starter-nav-cta a,
.inomet-dark-nav .wp-block-navigation-item:last-child a {
  color: #5bbfff !important;
  font-weight: 600 !important;
}

/* Hamburger — alb pe fundal întunecat */
.inomet-ham-light { color: #d3eaff !important; }

/* Wordmark fallback — ascuns (avem logo imagine) */
.inomet-wordmark { display: none !important; }


/* ============================================================
   DROPDOWN NAV — culoare mai inchisa (v2.1)
   ============================================================ */

/* Dropdown container */
.inomet-dark-nav .wp-block-navigation__submenu-container {
  background: #0d1e35 !important;
  border: 1px solid #1e3a5f !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
  min-width: 230px !important;
  padding: 8px 0 !important;
}

/* Itemii din dropdown — albastru inchis, nu cyan deschis */
.inomet-dark-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.inomet-dark-nav .wp-block-navigation__submenu-container a {
  color: #7ab3d9 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.06em !important;
  padding: 9px 20px !important;
  display: block !important;
  border-bottom: 1px solid #1a2f4a !important;
  transition: background 0.15s, color 0.15s !important;
}
.inomet-dark-nav .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child a {
  border-bottom: none !important;
}
.inomet-dark-nav .wp-block-navigation__submenu-container a:hover {
  color: #d3eaff !important;
  background: #1a2f4a !important;
}
/* — Toate categoriile — accent */
.inomet-dark-nav .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child a {
  color: #5bbfff !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

/* Sageata submenu — alba */
.inomet-dark-nav .wp-block-navigation__submenu-icon svg {
  stroke: #d3eaff !important;
}

/* Footer brand — INOMET DESIGN argintiu */
.inomet-footer-brand {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-decoration: none;
  background: linear-gradient(135deg, #c8c8c8 0%, #f0f0f0 30%, #a8a8a8 55%, #e8e8e8 75%, #b0b0b0 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: inomet-shimmer 5s linear infinite;
  display: inline-block;
  line-height: 1.2;
}

/* Footer brand — albastru inchis, mai mare (override) */
.inomet-footer-brand {
  font-size: 2.2rem !important;
  letter-spacing: 0.18em !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #0d1e35 !important;
  background-clip: unset !important;
  color: #0d1e35 !important;
  animation: none !important;
}

/* ============================================================
   HERO SUBTITLE + TESTIMONIALE  (v2.4)
   ============================================================ */

/* Subtitlu hero — Constanta */
.inomet-hero-sub {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.14em !important;
  color: rgba(255,255,255,0.75) !important;
  margin-top: 10px !important;
  text-transform: uppercase;
}

/* Testimoniale grid */
.inomet-reviews-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 8px;
}
.inomet-review-card {
  background: var(--inomet-white);
  border-radius: 10px;
  border: 1px solid var(--inomet-line);
  padding: 28px 22px 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: 0 2px 12px rgba(18,15,12,0.06);
  transition: box-shadow 0.25s, transform 0.25s;
}
.inomet-review-card:hover {
  box-shadow: 0 6px 24px rgba(18,15,12,0.1);
  transform: translateY(-2px);
}
.inomet-review-stars {
  color: #f5a623;
  font-size: 1.15rem;
  letter-spacing: 2px;
}
.inomet-review-text {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.7;
  color: var(--inomet-text);
  flex: 1;
  margin: 0;
}
.inomet-review-author {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-top: 1px solid var(--inomet-line);
  padding-top: 12px;
  margin-top: 4px;
}
.inomet-review-name {
  font-weight: 600;
  font-size: 0.88rem;
  color: var(--inomet-ink);
}
.inomet-review-source {
  font-size: 0.75rem;
  color: var(--inomet-muted);
  letter-spacing: 0.04em;
}
.inomet-reviews-link {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--inomet-terra);
  text-decoration: none;
  letter-spacing: 0.04em;
  transition: color 0.2s;
}
.inomet-reviews-link:hover { color: var(--inomet-terra-d); }

@media (max-width: 900px) { .inomet-reviews-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 540px)  { .inomet-reviews-grid { grid-template-columns: 1fr; } }


/* ============================================================
   REBRANDING CULOARE: BRONZ → ALBASTRU NAVY  (v3.0)
   Înlocuire completă a accentului auriu cu navy #1e3a6e
   ============================================================ */
:root {
  --inomet-terra:         #1e3a6e;
  --inomet-terra-d:       #0f2040;
  --inomet-terra-l:       #c5d5e8;
  --inomet-bronze-bright: #2d5fa8;
  --inomet-bronze-gold:   #3a73c4;
  --inomet-grad: linear-gradient(135deg,#5b8fd4 0%,#1e3a6e 38%,#3a73c4 62%,#0f2040 100%);
}

/* Shimmer albastru pe numere card + stats */
@keyframes inomet-shimmer {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}
.inomet-card-num,
.inomet-stat-num {
  background: linear-gradient(135deg,#7aaee8 0%,#1e3a6e 40%,#4a80c4 65%,#0f2040 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: inomet-shimmer 5s linear infinite !important;
}

/* Butoane — albastru navy */
.wp-block-button__link,
.wp-block-button .wp-block-button__link {
  background: linear-gradient(110deg,#2d5fa8 0%,#1e3a6e 50%,#3a73c4 100%) !important;
  color: #fff !important;
}
.wp-block-button__link:hover {
  background: linear-gradient(110deg,#3a73c4 0%,#1e3a6e 100%) !important;
}

/* Linie decorativă */
.inomet-rule {
  background: linear-gradient(90deg,#0f2040,#3a73c4,#0f2040) !important;
  border: none !important;
}

/* Eyebrow text */
.inomet-eyebrow { color: #1e3a6e !important; }

/* Links */
.inomet-more, .inomet-card a.inomet-more { color: #1e3a6e !important; }
.inomet-more:hover { color: #0f2040 !important; }

/* Servicii grid card name */
.inomet-srv-card-name { color: #1e3a6e !important; }
.inomet-srv-card-name:hover { color: #0f2040 !important; }
.inomet-srv-card-link { color: #1e3a6e !important; }

/* Stat num pe despre-noi */
.inomet-stat-num {
  background: linear-gradient(135deg,#7aaee8 0%,#1e3a6e 40%,#4a80c4 65%,#0f2040 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Footer brand albastru */
.inomet-footer-brand { -webkit-text-fill-color: #1e3a6e !important; color: #1e3a6e !important; }

/* Check list bulet */
.inomet-check-list li::before { background: #1e3a6e !important; }

/* Wordmark header */
.inomet-wordmark a { color: #1e3a6e !important; }

/* Review stars — raman galbene */
.inomet-review-stars { color: #f5a623 !important; }

/* Hover card servicii */
.inomet-srv-card:hover {
  border-color: #c5d5e8 !important;
  box-shadow: 0 6px 24px rgba(30,58,110,0.13) !important;
}

/* Nav CTA */
.starter-nav-cta a { color: #3a73c4 !important; }

/* Galerie tabs */
.gm-gtab.active,
.gm-gtab:hover {
  color: #1e3a6e !important;
  border-bottom-color: #1e3a6e !important;
}

/* Gm gfoot link */
.gm-gfoot-link { color: #1e3a6e !important; }

/* Reviews link */
.inomet-reviews-link { color: #1e3a6e !important; }

/* ============================================================
   FIX: bara alba → linie subtire navy + butoane albastre  (v3.1)
   ============================================================ */

/* Linie subtire navy sub header, pe toate paginile */
.inomet-dark-header {
  border-bottom: 2px solid #1e3a6e !important;
}

/* Elimina orice spatiu alb/gol intre header si continut */
.starter-header + *,
.inomet-dark-header + * { margin-top: 0 !important; }
.wp-site-blocks { padding-top: 0 !important; }

/* Butoane — albastru navy fortat (override complet) */
.wp-block-button__link,
.wp-block-button .wp-block-button__link,
a.wp-block-button__link {
  background: #1e3a6e !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
}
.wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:hover {
  background: #0f2040 !important;
  background-image: none !important;
  color: #ffffff !important;
}


/* ============================================================
   ELIMINA GOL ALB sub header  (v3.2)
   ============================================================ */

/* Scoate background alb + box-shadow din custom.css */
.starter-header,
.inomet-dark-header,
.starter-header.scrolled {
  background: #060d1a !important;
  background-image: url('https://www.inometdesign.ro/wp-content/uploads/2026/06/inomet-header-bg.png') !important;
  background-position: top center !important;
  background-repeat: repeat-x !important;
  box-shadow: none !important;
  border-bottom: 2px solid #1e3a6e !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Topbar — fortat 0 spatiu */
.starter-topbar {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Elimina orice padding/margin pe primul element din wp-site-blocks */
.wp-site-blocks { padding-top: 0 !important; margin-top: 0 !important; }
.wp-site-blocks > .wp-block-group:first-child { margin-top: 0 !important; }

/* Hero direct sub header */
.wp-block-cover.inomet-hero { margin-top: 0 !important; }


/* ============================================================
   FIX butoane v3.3: fortat background+color cu specificitate max
   ============================================================ */
body .wp-block-button__link,
body .wp-block-buttons .wp-block-button__link,
body .wp-block-button a {
  background: #1e3a6e !important;
  background-color: #1e3a6e !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body .wp-block-button__link:hover,
body .wp-block-buttons .wp-block-button__link:hover {
  background: #0f2040 !important;
  background-color: #0f2040 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* ============================================================
   FIX: carduri reviews nu se lipesc de margini + linie alba (v3.4)
   ============================================================ */

/* Grid reviews: constrans la latime continut, nu atinge marginile */
.inomet-reviews-grid {
  max-width: min(1200px, calc(100vw - 48px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box;
}

/* Elimina gap-ul alb dintre sectiunile alignfull */
.wp-site-blocks > .wp-block-group.alignfull,
.wp-block-group.alignfull {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Sectiunea stats (inomet-section--surface) → acelasi fundal cu reviews */
.inomet-section--surface {
  background: #f0ece5 !important;
}

/* Elimina block-gap global intre sectiuni full-width */
.wp-site-blocks {
  row-gap: 0 !important;
  --wp--style--block-gap: 0px !important;
}


/* ============================================================
   FIX: header full-width pe mobil (v3.5)
   ============================================================ */
.starter-header,
.inomet-dark-header,
.wp-block-group.starter-header,
header.wp-block-template-part {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Inner content al headerului — padding mic pe mobil */
.starter-header .wp-block-group__inner-container,
.inomet-dark-header > .wp-block-group__inner-container,
.starter-header > div,
.inomet-dark-header > div {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

/* Asigura ca body si html nu au overflow ascuns care taie headerul */
html, body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
}


/* ============================================================
   FIX: footer full-width pe mobil (v3.6)
   ============================================================ */
.starter-footer,
footer.wp-block-template-part,
.wp-block-template-part[class*='footer'],
[class*='starter-footer'] {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.starter-footer > *,
footer.wp-block-template-part > * {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Asigura ca blocul footer nu e inconjurat de spatiu alb */
.wp-site-blocks > footer,
.wp-site-blocks > .wp-block-template-part:last-child {
  width: 100% !important;
  margin: 0 !important;
  padding-inline: 0 !important;
}


/* ============================================================
   FIX: footer full-width fara laterale v3.7
   ============================================================ */

/* Outer footer → acelasi fundal ca inner content */
.starter-footer {
  background: var(--inomet-bg, #f9f6f1) !important;
  color: var(--inomet-text, #3a3430) !important;
}

/* Inner group constrained → stretch full width */
.starter-footer > .wp-block-group,
.starter-footer > div > .wp-block-group {
  max-width: 100% !important;
  width: 100% !important;
  padding-inline: clamp(16px, 5vw, 80px) !important;
  box-sizing: border-box !important;
}

/* Text culori in footer pe fond deschis */
.starter-footer,
.starter-footer p,
.starter-footer a { color: var(--inomet-text, #3a3430) !important; }
.starter-footer a:hover { color: var(--inomet-terra, #1e3a6e) !important; }
.starter-footer h3, .starter-footer h4 { color: var(--inomet-ink, #120f0c) !important; }


/* ============================================================
   CARD CTA recenzie Google  (v3.8)
   ============================================================ */
.inomet-review-cta-card {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  max-width: 420px;
  width: 100%;
  background: #fff;
  border: 2px solid #f5a623;
  border-radius: 14px;
  padding: 24px 28px;
  text-decoration: none;
  color: var(--inomet-ink) !important;
  box-shadow: 0 4px 18px rgba(245,166,35,0.13);
  transition: box-shadow 0.25s, transform 0.2s;
  margin: 0 auto;
}
.inomet-review-cta-card:hover {
  box-shadow: 0 8px 28px rgba(245,166,35,0.22);
  transform: translateY(-2px);
}
.inomet-review-cta-icon { font-size: 1.8rem; line-height: 1; }
.inomet-review-cta-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--inomet-ink) !important;
  -webkit-text-fill-color: var(--inomet-ink) !important;
}
.inomet-review-cta-text {
  font-size: 0.9rem;
  color: var(--inomet-muted) !important;
  -webkit-text-fill-color: var(--inomet-muted) !important;
  margin: 0;
  line-height: 1.5;
}
.inomet-review-cta-btn {
  margin-top: 8px;
  background: #f5a623;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 700;
  font-size: 0.92rem;
  padding: 11px 28px;
  border-radius: 8px;
  letter-spacing: 0.02em;
}

/* ============================================================
   HERO overlay gri pal pentru text alb (v3.9)
   ============================================================ */
.inomet-hero .wp-block-cover__background {
  background: rgba(20,20,30,0.52) !important;
  opacity: 1 !important;
}

/* hero overlay mai inchis */
.inomet-hero .wp-block-cover__background {
  background: rgba(10,12,20,0.68) !important;
}

/* ============================================================
   CARDURI SERVICII — cadru subtire albastru, fara numere (v3.10)
   ============================================================ */
/* Ascunde numerele 01-06 */
.inomet-card-num { display: none !important; }

/* Spatiu intre carduri (rândurile au gap 0 din WP) */
.inomet-section .wp-block-columns:has(.inomet-card) {
  gap: 22px !important;
}
/* Spatiu vertical intre cele doua randuri de carduri */
.inomet-section .wp-block-columns:has(.inomet-card) + .wp-block-columns:has(.inomet-card) {
  margin-top: 22px !important;
}

/* Cadru subtire albastru, estetic */
.inomet-card {
  border: 1px solid rgba(30,58,110,0.22) !important;
  border-radius: 2px !important;
  padding: 32px 28px !important;
  background: rgba(30,58,110,0.015) !important;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease !important;
}
.inomet-card:hover {
  border-color: #1e3a6e !important;
  box-shadow: 0 10px 30px rgba(30,58,110,0.10) !important;
  transform: translateY(-3px) !important;
}
/* Titlul ramane sus, fara spatiul lasat de numar */
.inomet-card .inomet-card-body { padding-top: 0 !important; }

/* ============================================================
   PAGINA SERVICII (page-id-261) — FUNDAL DARK CU EFECTE (v3.12)
   Navy profund + orb albastru luminos + particule
   ============================================================ */
body.page-id-261 { background: #0a1228 !important; }

/* container-ele devin transparente ca sa se vada fundalul */
.page-id-261 main.wp-block-group,
.page-id-261 .wp-block-post-content { background: transparent !important; }

/* Strat 1 — gradient navy + orb luminos pe dreapta (fixat = parallax) */
.page-id-261::before {
  content: "";
  position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background:
    radial-gradient(1150px 880px at 84% 38%, rgba(74,128,196,0.42) 0%, rgba(46,95,168,0.16) 34%, transparent 64%),
    radial-gradient(540px 540px at 88% 41%, rgba(150,200,255,0.45) 0%, rgba(90,150,230,0.12) 45%, transparent 72%),
    radial-gradient(1350px 1050px at 9% 6%, rgba(30,58,110,0.45) 0%, transparent 60%),
    linear-gradient(160deg, #0c1838 0%, #0a1228 48%, #070d1f 100%);
}

/* Strat 2 — halo orb pulsatil + camp de particule (twinkle) */
.page-id-261::after {
  content: "";
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background-image:
    radial-gradient(circle 200px at 85% 43%, rgba(160,205,255,0.30) 0%, transparent 70%),
    radial-gradient(2px 2px   at 16% 22%, rgba(255,255,255,0.85), transparent),
    radial-gradient(1.5px 1.5px at 31% 68%, rgba(170,210,255,0.75), transparent),
    radial-gradient(2px 2px   at 52% 33%, rgba(255,255,255,0.65), transparent),
    radial-gradient(1.5px 1.5px at 67% 58%, rgba(160,200,255,0.75), transparent),
    radial-gradient(2px 2px   at 78% 16%, rgba(255,255,255,0.75), transparent),
    radial-gradient(1.5px 1.5px at 91% 73%, rgba(180,215,255,0.65), transparent),
    radial-gradient(1.5px 1.5px at 44% 84%, rgba(255,255,255,0.6), transparent),
    radial-gradient(1.5px 1.5px at 23% 48%, rgba(160,200,255,0.6), transparent),
    radial-gradient(1.5px 1.5px at 60% 78%, rgba(255,255,255,0.55), transparent),
    radial-gradient(2px 2px   at 38% 14%, rgba(200,225,255,0.7), transparent);
  animation: inomet-twinkle 5.5s ease-in-out infinite alternate;
}
@keyframes inomet-twinkle { 0% { opacity: 0.55; } 100% { opacity: 1; } }

/* Texte header — devin luminoase pe fundal dark */
.page-id-261 .wp-block-heading { color: #ffffff !important; }
.page-id-261 .inomet-eyebrow { color: #ffffff !important; }
.page-id-261 p.has-text-align-center { color: #ffffff !important; }
/* protejam descrierea cardurilor (raman pe card alb) */
.page-id-261 .inomet-srv-card-desc { color: var(--inomet-muted) !important; }
/* separatoarele dintre sectiuni — linie subtila luminoasa */
.page-id-261 .wp-block-group[style*="border-top"] { border-top-color: rgba(143,180,232,0.18) !important; }

/* Respect reduce-motion */
@media (prefers-reduced-motion: reduce) {
  .page-id-261::after { animation: none; }
}

/* ============================================================
   CTA 'Solicită o ofertă' (banda deschisa #f0ece5) — text albastru inchis
   (corecteaza textul alb mostenit de la page-id-261 pe banda deschisa)
   ============================================================ */
.wp-block-group[style*="#f0ece5"] .inomet-eyebrow { color: #1e3a6e !important; }
.wp-block-group[style*="#f0ece5"] .wp-block-heading { color: #1e3a6e !important; }
.wp-block-group[style*="#f0ece5"] p.has-text-align-center { color: #2c4a78 !important; }

/* ============================================================
   FUNDAL DARK + EFECTE — extindere pe Home, Despre, toate paginile Servicii (v3.15)
   Reutilizeaza @keyframes inomet-twinkle definit mai sus.
   ============================================================ */
body:is(.parent-pageid-261, .page-id-262, .home) { background: #0a1228 !important; }

:is(.parent-pageid-261, .page-id-262, .home) main.wp-block-group,
:is(.parent-pageid-261, .page-id-262, .home) .wp-block-post-content { background: transparent !important; }

:is(.parent-pageid-261, .page-id-262, .home)::before {
  content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background:
    radial-gradient(1150px 880px at 84% 38%, rgba(74,128,196,0.42) 0%, rgba(46,95,168,0.16) 34%, transparent 64%),
    radial-gradient(540px 540px at 88% 41%, rgba(150,200,255,0.45) 0%, rgba(90,150,230,0.12) 45%, transparent 72%),
    radial-gradient(1350px 1050px at 9% 6%, rgba(30,58,110,0.45) 0%, transparent 60%),
    linear-gradient(160deg, #0c1838 0%, #0a1228 48%, #070d1f 100%);
}
:is(.parent-pageid-261, .page-id-262, .home)::after {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background-image:
    radial-gradient(circle 200px at 85% 43%, rgba(160,205,255,0.30) 0%, transparent 70%),
    radial-gradient(2px 2px at 16% 22%, rgba(255,255,255,0.85), transparent),
    radial-gradient(1.5px 1.5px at 31% 68%, rgba(170,210,255,0.75), transparent),
    radial-gradient(2px 2px at 52% 33%, rgba(255,255,255,0.65), transparent),
    radial-gradient(1.5px 1.5px at 67% 58%, rgba(160,200,255,0.75), transparent),
    radial-gradient(2px 2px at 78% 16%, rgba(255,255,255,0.75), transparent),
    radial-gradient(1.5px 1.5px at 91% 73%, rgba(180,215,255,0.65), transparent),
    radial-gradient(1.5px 1.5px at 44% 84%, rgba(255,255,255,0.6), transparent),
    radial-gradient(1.5px 1.5px at 23% 48%, rgba(160,200,255,0.6), transparent),
    radial-gradient(1.5px 1.5px at 60% 78%, rgba(255,255,255,0.55), transparent),
    radial-gradient(2px 2px at 38% 14%, rgba(200,225,255,0.7), transparent);
  animation: inomet-twinkle 5.5s ease-in-out infinite alternate;
}

/* Text luminos pe toate paginile dark (inclusiv Servicii 261) */
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) .wp-block-heading { color: #ffffff !important; }
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) .inomet-eyebrow { color: #ffffff !important; }
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) p.has-text-align-center { color: #ffffff !important; }
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) .inomet-prose p { color: #e9eef7 !important; }
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) p[style*="#8a7e75"] { color: #ffffff !important; }
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) .inomet-check-list li { color: #e9eef7 !important; }

/* Protectie — descrierea cardurilor (carduri albe) ramane inchisa */
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) .inomet-srv-card-desc { color: var(--inomet-muted) !important; }

/* Banda CTA #f0ece5 ramane deschisa, text albastru inchis */
.wp-block-group[style*="#f0ece5"] .inomet-eyebrow { color: #1e3a6e !important; }
.wp-block-group[style*="#f0ece5"] .wp-block-heading { color: #1e3a6e !important; }
.wp-block-group[style*="#f0ece5"] p.has-text-align-center { color: #2c4a78 !important; }

/* === HOMEPAGE — carduri servicii albe + stats lizibile pe fundal dark === */
body.home .inomet-card { background: var(--inomet-white) !important; }
body.home .inomet-card .wp-block-heading { color: var(--inomet-ink) !important; }
body.home .inomet-card p { color: var(--inomet-muted) !important; }
body.home .inomet-section--surface { background: transparent !important; }
body.home .inomet-stat { border-top-color: rgba(143,180,232,0.20) !important; }
body.home .inomet-stat .inomet-num { color: #eaf1fc !important; -webkit-text-fill-color: #eaf1fc !important; }
body.home .inomet-stat .inomet-num span { color: #7aaee8 !important; }
body.home .inomet-stat .inomet-lbl { color: #c4d2e8 !important; }

/* ============================================================
   FIX text gri pe fundal dark — tot textul body devine deschis (v3.16)
   Apoi se re-impune text inchis pe suprafetele deschise (carduri/benzi).
   ============================================================ */
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) p,
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) li,
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) blockquote,
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) td {
  color: #e9eef7 !important;
}

/* Linkuri inline din text (nu butoane / nume carduri) -> albastru deschis */
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) p a:not(.wp-block-button__link):not(.inomet-srv-card-name):not(.inomet-srv-card-link):not(.inomet-more),
.inomet-section--dark a:not(.wp-block-button__link) {
  color: #9fc2ee !important;
}

/* Buton outline pe sectiunile dark -> chenar + text deschis */
.inomet-section--dark .is-style-outline .wp-block-button__link {
  border-color: #9fc2ee !important;
  color: #ffffff !important;
}

/* === PROTECTII — text inchis pe suprafetele deschise === */
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) :is(.inomet-srv-card, .inomet-card, .inomet-stat-box, .inomet-review-card) p,
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) :is(.inomet-srv-card, .inomet-card, .inomet-stat-box, .inomet-review-card) li {
  color: var(--inomet-text) !important;
}
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) .inomet-srv-card-desc { color: var(--inomet-muted) !important; }
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) .inomet-card p { color: var(--inomet-muted) !important; }
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) .inomet-stat-box .inomet-stat-lbl { color: var(--inomet-muted) !important; }
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) .inomet-review-text { color: var(--inomet-text) !important; }
:is(.page-id-261, .parent-pageid-261, .page-id-262, .home) .inomet-review-source { color: var(--inomet-muted) !important; }

/* Banda bej #f0ece5: text inchis (peste regula globala de mai sus) */
.wp-block-group[style*="#f0ece5"] p,
.wp-block-group[style*="#f0ece5"] li { color: #2c4a78 !important; }
.wp-block-group[style*="#f0ece5"] .inomet-review-text { color: var(--inomet-text) !important; }
.wp-block-group[style*="#f0ece5"] .inomet-review-source { color: var(--inomet-muted) !important; }

/* ============================================================
   FOOTER — toate textele albastru inchis (v3.17)
   ============================================================ */
body .starter-footer,
body .starter-footer p,
body .starter-footer a,
body .starter-footer li,
body .starter-footer span,
body .starter-footer .wp-block-heading,
body .starter-footer .gm-ico,
body .starter-social .gm-ico,
body .starter-footer-bottom,
body .starter-footer-bottom a { color: #1e3a6e !important; }
body .starter-footer a:hover,
body .starter-footer-bottom a:hover,
body .starter-social a:hover .gm-ico { color: #0f2040 !important; }

/* ============================================================
   HOMEPAGE — tab-uri filtru galerie: mai mari + albe
   ============================================================ */
.home .gm-gtabs { border-bottom-color: rgba(255,255,255,0.20) !important; }
.home .gm-gtab { font-size: 1.02rem !important; color: #ffffff !important; }
.home .gm-gtab:hover { color: #ffffff !important; }
.home .gm-gtab.active {
  color: #ffffff !important;
  font-weight: 600 !important;
  border-bottom-color: #7aaee8 !important;
}

/* ============================================================
   Footer telefon + email -> albastru inchis si pe paginile dark (v3.18)
   (specificitate ridicata ca sa bata regula globala de linkuri deschise)
   ============================================================ */
body :is(.page-id-261, .parent-pageid-261, .page-id-262, .home) .starter-footer a:not(.wp-block-button__link):not(.inomet-more):not(.inomet-srv-card-name):not(.inomet-srv-card-link) {
  color: #1e3a6e !important;
}
body :is(.page-id-261, .parent-pageid-261, .page-id-262, .home) .starter-footer a:hover:not(.wp-block-button__link):not(.inomet-more):not(.inomet-srv-card-name):not(.inomet-srv-card-link) {
  color: #0f2040 !important;
}