/* ---- fonts.css ---- */
/* Fonturi self-hosted (pachetul de viteza, 5 oct 2026): Montserrat si JetBrains Mono ca fonturi variabile din
   @fontsource-variable, copiate in public/fonts. Inainte veneau de la Google Fonts (2 conexiuni, 9 fisiere, cerere
   blocanta). Subsetul latin-ext se descarca doar daca pagina are caractere din el (site-ul e fara diacritice).
   Numele familiei ramane "Montserrat", ca CSS-ul existent sa nu se schimbe. */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/montserrat-latin.woff2) format('woff2-variations'),url(/fonts/montserrat-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/montserrat-latin-ext.woff2) format('woff2-variations'),url(/fonts/montserrat-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format('woff2-variations'),url(/fonts/jetbrains-mono-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* fallback cu metrici apropiate, ca textul sa nu sara cand se incarca fontul */
@font-face{font-family:'Montserrat-fallback';src:local('Arial');size-adjust:108%;ascent-override:95%;descent-override:25%;line-gap-override:0%}
/* ---- tokens.css ---- */
/* ============================================================================
   AMC Motorsport: tokenii de design (sursa unica pentru culori, tipografie,
   spatii, raze, umbre, miscare). Decizia #40 (30 sept 2026): dark implicit,
   light dupa setarea sistemului sau comutatorul din header (html[data-theme]),
   Montserrat peste tot, fundal de referinta cu grila fina, banda rosie, halouri
   si linie de scanare. Componentele sunt in ds.css si folosesc DOAR tokeni.
   Un refresh de design = schimbi valorile de aici, nu paginile.
   ========================================================================== */
:root{
  /* --- culori: suprafete --- */
  --bg:#0a0a0a;            /* fundalul paginii (brand) */
  --bg-2:#111114;          /* benzi si sectiuni alternative */
  --panel:#141418;         /* carduri */
  --tint:#1a1a1f;          /* umplere discreta: cipuri, celule, campuri */
  --line:#26262c;          /* linii si borduri */
  --line-2:#34343c;        /* borduri mai vizibile (hover, selectie) */
  /* --- culori: text --- */
  --ink:#f3f3f5;
  --muted:#a6a6b0;
  --soft:#82828c;         /* 4,8:1 pe panel, 4,6:1 pe tint (AA pentru text mic; Lighthouse 5 oct) */
  /* --- accent --- */
  --red:#E30613;           /* AMC red: butoane, bare, cifra castigului */
  --red-ink:#E30613;       /* rosu pentru text pe fundalul paginii: rosul AMC, unic pe site (decizia din 11 oct 2026) */
  --red-wash:rgba(227,6,19,.13);
  --red-soft:rgba(227,6,19,.07);
  --on-red:#ffffff;
  /* --- semantic (separat de accent) --- */
  --ok:#4ade80;
  --warn:#fbbf24;
  --bad:#f87171;
  --wa:#25D366;            /* WhatsApp */
  --on-wa:#06240f;
  /* --- sticla si straturi de fundal --- */
  --glass:rgba(20,20,24,.72);
  --glass-line:rgba(255,255,255,.10);
  --grid:rgba(255,255,255,.018);
  --glow:rgba(227,6,19,.10);
  --slash:rgba(227,6,19,.035);
  --scan:rgba(227,6,19,.35);
  --noise-op:.028;
  /* --- grafice si cadrane --- */
  --track:#1d2026;
  --stock:#3a414a;
  --stage:#E30613;
  --torque:#3b82f6;
  /* --- umbre --- */
  --shadow-1:0 1px 2px rgba(0,0,0,.45);
  --shadow-2:0 18px 50px rgba(0,0,0,.45);
  --shadow-bar:0 -8px 30px rgba(0,0,0,.45);
  color-scheme:dark;

  /* --- tipografie: Montserrat peste tot, inclusiv cifrele --- */
  --font:'Montserrat','Montserrat-fallback',Arial,sans-serif;
  --fs-xs:11.5px; --fs-sm:13px; --fs-base:15px; --fs-md:17px; --fs-lg:20px;
  --fs-xl:26px; --fs-2xl:34px; --fs-3xl:44px; --fs-4xl:56px;
  --fs-h1:clamp(28px,2.2vw + 16px,44px);
  --fs-h2:clamp(22px,1.2vw + 14px,28px);
  --lh-tight:1.08; --lh-snug:1.3; --lh-body:1.55;
  --track-caps:.12em;
  /* --- spatii (scara de 4) --- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px;
  /* --- raze --- */
  --r-1:6px; --r-2:10px; --r-3:14px; --r-4:20px; --r-pill:999px;
  /* --- miscare --- */
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur-1:.18s; --dur-2:.35s;
  /* --- layout --- */
  --wrap:1240px;
  --gutter:clamp(16px,4vw,40px);
  --z-bar:40; --z-head:50;
  --tap:44px;              /* tinta minima de atins pe mobil */
  --logo-invert:none;      /* siglele albe de marca (gandite pe fundal inchis); pe light devin inchise, vezi site-fixes.css */
}

/* Tema luminoasa: aceleasi nume, alte valori. Nu se adauga tokeni noi aici. */
html[data-theme="light"]{
  /* gri otel (7 oct 2026): fundal gri-albastrui in loc de alb cu tenta roz; rosul ramane doar pe accente */
  --bg:#e8ebee; --bg-2:#dde1e5; --panel:#f9fafb; --tint:#e3e7eb; --line:#d3d8de; --line-2:#bfc6ce;
  --ink:#121214; --muted:#535c66; --soft:#58606a;
  --red-ink:#c00510; --red-wash:rgba(227,6,19,.07); --red-soft:rgba(227,6,19,.045);
  --ok:#126b34; --warn:#9a4508; --bad:#a61a1a;
  --torque:#1d4ed8; /* albastrul de cuplu, mai inchis pe light: 5,9:1 pe tint (Lighthouse 5 oct) */
  --glass:rgba(249,250,251,.75); --glass-line:rgba(17,17,20,.10);
  --grid:rgba(0,0,0,.03); --glow:rgba(90,100,115,.08); --slash:rgba(17,17,20,.025); --scan:rgba(227,6,19,.10); --noise-op:.015;
  --track:#d6dbe0; --stock:#a9b0b9;
  --logo-invert:invert(1);
  --shadow-1:0 1px 2px rgba(17,17,20,.08); --shadow-2:0 18px 50px rgba(17,17,20,.14); --shadow-bar:0 -8px 30px rgba(17,17,20,.12);
  color-scheme:light;
}
@media (prefers-color-scheme:light){
  html:not([data-theme]){
    --bg:#e8ebee; --bg-2:#dde1e5; --panel:#f9fafb; --tint:#e3e7eb; --line:#d3d8de; --line-2:#bfc6ce;
    --ink:#121214; --muted:#535c66; --soft:#58606a;
    --red-ink:#c00510; --red-wash:rgba(227,6,19,.07); --red-soft:rgba(227,6,19,.045);
    --ok:#126b34; --warn:#9a4508; --bad:#a61a1a;
    --torque:#1d4ed8;
    --glass:rgba(249,250,251,.75); --glass-line:rgba(17,17,20,.10);
    --grid:rgba(0,0,0,.03); --glow:rgba(90,100,115,.08); --slash:rgba(17,17,20,.025); --scan:rgba(227,6,19,.10); --noise-op:.015;
    --track:#d6dbe0; --stock:#a9b0b9;
  --logo-invert:invert(1);
    --shadow-1:0 1px 2px rgba(17,17,20,.08); --shadow-2:0 18px 50px rgba(17,17,20,.14); --shadow-bar:0 -8px 30px rgba(17,17,20,.12);
    color-scheme:light;
  }
}

/* .ds-dark: zona ramane intunecata indiferent de tema (paginile portate 1:1 care au inca fundal negru fix) */
.ds-dark{--bg:#0a0a0a; --bg-2:#111114; --panel:#141418; --tint:#1a1a1f; --line:#26262c; --line-2:#34343c; --ink:#f3f3f5; --muted:#a6a6b0; --soft:#82828c; --red:#E30613; --red-ink:#E30613; --red-wash:rgba(227,6,19,.13); --red-soft:rgba(227,6,19,.07); --on-red:#ffffff; --ok:#4ade80; --warn:#fbbf24; --bad:#f87171; --wa:#25D366; --on-wa:#06240f; --glass:rgba(20,20,24,.72); --glass-line:rgba(255,255,255,.10); --grid:rgba(255,255,255,.018); --glow:rgba(227,6,19,.10); --slash:rgba(227,6,19,.035); --scan:rgba(227,6,19,.35); --noise-op:.028; --track:#1d2026; --stock:#3a414a; --stage:#E30613; --torque:#3b82f6; --shadow-1:0 1px 2px rgba(0,0,0,.45); --shadow-2:0 18px 50px rgba(0,0,0,.45); --shadow-bar:0 -8px 30px rgba(0,0,0,.45); color-scheme:dark; --font:'Montserrat','Montserrat-fallback',Arial,sans-serif; --fs-xs:11.5px; --fs-sm:13px; --fs-base:15px; --fs-md:17px; --fs-lg:20px; --fs-xl:26px; --fs-2xl:34px; --fs-3xl:44px; --fs-4xl:56px; --fs-h1:clamp(28px,2.2vw + 16px,44px); --fs-h2:clamp(22px,1.2vw + 14px,28px); --lh-tight:1.08; --lh-snug:1.3; --lh-body:1.55; --track-caps:.12em; --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --r-1:6px; --r-2:10px; --r-3:14px; --r-4:20px; --r-pill:999px; --ease:cubic-bezier(.2,.7,.2,1); --dur-1:.18s; --dur-2:.35s; --wrap:1240px; --gutter:clamp(16px,4vw,40px); --z-bar:40; --z-head:50; --tap:44px; }
/* ---- hello-style.css ---- */
/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.5.1
	Stable tag: 3.5.1
	Requires at least: 6.0
	Tested up to: 7.0
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
/* ---- child-style.css ---- */
/*
 Theme Name:   AMC Motorsport
 Theme URI:    https://amc-motorsport.ro
 Description:  Custom child theme for AMC Motorsport based on Hello Elementor - clean, no bloat
 Author:       AMC Motorsport
 Author URI:   https://amc-motorsport.ro
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  amc-motorsport
*/

/* Import parent theme styles */
/* Hello Elementor has almost no styles - that's the point */

/* ============================================
   AMC MOTORSPORT GLOBAL RESETS
   Prevent any theme from adding unwanted styles
   ============================================ */

/* Reset all button elements */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  background: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

button:hover,
button:focus,
button:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background: none;
  background-color: transparent;
  color: inherit;
  outline: none;
  box-shadow: none;
}

/* Reset link defaults */
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: inherit;
}

/* Global font */
body {
  font-family: 'Montserrat', sans-serif;
}
/* ---- hello-theme.css ---- */
.comments-area a,.page-content a{text-decoration:underline}.alignright{float:right;margin-left:1rem}.alignleft{float:left;margin-right:1rem}.aligncenter{clear:both;display:block;margin-inline:auto}.alignwide{margin-inline:-80px}.alignfull{margin-inline:calc(50% - 50vw);max-width:100vw;overflow-x:hidden;width:100vw}.alignfull img{width:100%}.wp-caption{margin-block-end:1.25rem;max-width:100%}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{display:block;margin-inline:auto}.wp-caption-text{margin:0}.gallery-caption{display:block;font-size:.8125rem;line-height:1.5;margin:0;padding:.75rem}.pagination{display:flex;justify-content:space-between;margin:20px auto}.sticky{display:block;position:relative}.bypostauthor{font-size:inherit}.hide{display:none!important}.post-password-form{margin:50px auto;max-width:500px}.post-password-form p{align-items:flex-end;display:flex;width:100%}.post-password-form [type=submit]{margin-inline-start:3px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.post .wp-post-image{max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:991px){.post .wp-post-image{max-height:400px}}@media(max-width:575px){.post .wp-post-image{max-height:300px}}#comments .comment-list{font-size:.9em;list-style:none;margin:0;padding:0}#comments .comment,#comments .pingback{position:relative}#comments .comment .comment-body,#comments .pingback .comment-body{border-block-end:1px solid #ccc;display:flex;flex-direction:column;padding-block-end:30px;padding-block-start:30px;padding-inline-end:0;padding-inline-start:60px}#comments .comment .avatar,#comments .pingback .avatar{border-radius:50%;left:0;margin-inline-end:10px;position:absolute}body.rtl #comments .comment .avatar,body.rtl #comments .pingback .avatar,html[dir=rtl] #comments .comment .avatar,html[dir=rtl] #comments .pingback .avatar{left:auto;right:0}#comments .comment-meta{display:flex;justify-content:space-between;margin-block-end:.9rem}#comments .comment-metadata,#comments .reply{font-size:11px;line-height:1}#comments .children{list-style:none;margin:0;padding-inline-start:30px;position:relative}#comments .children li:last-child{padding-block-end:0}#comments ol.comment-list .children:before{content:"↪";display:inline-block;font-size:1em;font-weight:400;left:0;line-height:1;position:absolute;top:45px;width:auto}body.rtl #comments ol.comment-list .children:before,html[dir=rtl] #comments ol.comment-list .children:before{content:"↩";left:auto;right:0}@media(min-width:768px){#comments .comment-author,#comments .comment-metadata{line-height:1}}@media(max-width:767px){#comments .comment .comment-body{padding:30px 0}#comments .children{padding-inline-start:20px}#comments .comment .avatar{float:left;position:inherit}body.rtl #comments .comment .avatar,html[dir=rtl] #comments .comment .avatar{float:right}}.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@custom-media --hello-screen-xs-and-below (width < 576px);@custom-media --hello-screen-xs-and-above (width >= 576px);@custom-media --hello-screen-xs-only (0 <= width < 576px);@custom-media --hello-screen-sm-and-below (width < 768px);@custom-media --hello-screen-sm-and-above (width >= 768px);@custom-media --hello-screen-sm-only (576px <= width < 768px);@custom-media --hello-screen-md-and-below (width < 992px);@custom-media --hello-screen-md-and-above (width >= 992px);@custom-media --hello-screen-md-only (768px <= width < 992px);@custom-media --hello-screen-xl-and-below (width < 1200px);@custom-media --hello-screen-xl-and-above (width >= 1200px);@custom-media --hello-screen-xl-only (992px <= width < 1200px);@media(max-width:575px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:500px}.site-footer.footer-full-width .footer-inner,.site-header.header-full-width .header-inner{max-width:100%}}@media(min-width:768px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:600px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:992px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:800px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}@media(min-width:1200px){.page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main{max-width:1140px}.site-footer.footer-full-width,.site-header.header-full-width{max-width:100%}}.site-header+.elementor{min-height:calc(100vh - 320px)}
/* ---- site-fixes.css ---- */
/* Stiluri globale injectate de functions.php (tema copil amc-motorsport-theme) si relevante pe toate paginile */
/* AMC_BLOG_DARK_BG_v2 */
html, body {
    background-color: var(--bg, #0a0a0a) !important;
}
/* Mobile horizontal overflow fix (AMC Reviews Widget) */
html,body{overflow-x:clip}
/* amc-cls-fix */
.footer-logo{display:inline-block;max-width:400px;width:100%}
.footer-logo img{aspect-ratio:472/118;width:100%;height:auto;display:block}
@font-face{
  font-family:'Montserrat-fallback';
  src:local('Arial');
  size-adjust:112.30%;
  ascent-override:85.62%;
  descent-override:22.16%;
  line-gap-override:0%;
  font-display:swap
}
html body,html body *,html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body p,html body span,html body a,html body div,html body li,html body button,html body input,html body textarea{font-family:'Montserrat','Montserrat-fallback',Arial,sans-serif !important}

/* body avea marginea implicita de 8px a browserului: o dunga pe margini, vizibila pe tema luminoasa (4 oct 2026) */
body.amc-cfg-page{margin:0}
picture{display:contents}

/* Siglele de marca albe sau argintii (7 oct 2026, Andrei): sunt facute pentru fundal inchis si dispar pe tema light.
   Pe light le inversam (alb -> negru), pastrand forma si detaliile; siglele colorate raman neatinse.
   Lista vine din analiza luminozitatii fisierelor din public/cfg/brand-logos. */
img[src*="/brand-logos/aston-martin."],
img[src*="/brand-logos/chrysler."],
img[src*="/brand-logos/citroen."],
img[src*="/brand-logos/cupra."],
img[src*="/brand-logos/dacia."],
img[src*="/brand-logos/iveco."],
img[src*="/brand-logos/jeep."],
img[src*="/brand-logos/kia."],
img[src*="/brand-logos/maserati."],
img[src*="/brand-logos/nissan."],
img[src*="/brand-logos/opel."],
img[src*="/brand-logos/polestar."],
img[src*="/brand-logos/renault."],
img[src*="/brand-logos/seat."],
img[src*="/brand-logos/smart."],
img[src*="/brand-logos/ssangyong."],
img[src*="/brand-logos/toyota."],
img[src*="/brand-logos/volkswagen."]{filter:var(--logo-invert)!important}
/* ---- header.css ---- */
/* Header V2 (5 oct 2026, decizia lui Andrei pe mockup-ul "Header si footer V2"): un singur rand de 72 px pe
   sticla, logo vectorial la stanga (partea alba din tema, prin currentColor), meniu in propozitie, derulantul
   "Chiptuning" pe trei coloane (servicii, ghiduri pe marca, preturi si intrebari), un singur buton rosu.
   Doar tokeni din tokens.css: dark si light ies din aceleasi reguli. Fara bara de sus.
   Pe mobil (sub 1025 px): bara de 62 px cu logo + "Programeaza" + burger; meniul se deschide sub bara
   (checkbox #amc-lh-toggle, fara JS), cu tinte de 48 px. */
#amc-lh{position:sticky;top:0;z-index:var(--z-head);font-family:var(--font);color:var(--ink);background:var(--glass);border-bottom:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}
#amc-lh *{box-sizing:border-box;margin:0;padding:0}
#amc-lh ul{list-style:none}
#amc-lh a{text-decoration:none;color:inherit}
#amc-lh .hd-chk{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
#amc-lh :focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
#amc-lh .hd-wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter);height:72px;display:flex;align-items:center;gap:var(--s-4)}
#amc-lh .hd-logo{display:block;flex:none;width:128px;line-height:0;color:var(--ink)}
#amc-lh .hd-logo svg{display:block;width:100%;height:auto}

/* meniul principal */
#amc-lh .hd-nav{margin-left:var(--s-3)}
#amc-lh .hd-nav>ul{display:flex;align-items:center;gap:2px}
#amc-lh .hd-nav>ul>li{position:relative}
#amc-lh .hd-nav>ul>li>a{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 12px;border-radius:var(--r-2);font-size:var(--fs-sm);font-weight:700;color:var(--muted);white-space:nowrap;transition:color var(--dur-1),background var(--dur-1)}
#amc-lh .hd-nav>ul>li>a:hover,#amc-lh .hd-dd:focus-within>a{color:var(--ink);background:var(--tint)}
#amc-lh .hd-nav>ul>li>a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--red);border-bottom-left-radius:0;border-bottom-right-radius:0}
#amc-lh .hd-dd>a svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-1)}
#amc-lh .hd-dd:hover>a svg,#amc-lh .hd-dd:focus-within>a svg{transform:rotate(180deg)}

/* derulantul: se deschide cu intarziere scurta, are punte de hover sub buton, se inchide cu Escape (prefs.js) */
#amc-lh .hd-menu{position:absolute;top:calc(100% + 8px);left:0;width:790px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--s-5);padding:var(--s-5);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-3);box-shadow:var(--shadow-2);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--dur-1) ease,transform var(--dur-1) ease,visibility 0s linear var(--dur-1)}
#amc-lh .hd-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
#amc-lh .hd-dd:hover .hd-menu,#amc-lh .hd-dd:focus-within .hd-menu{opacity:1;visibility:visible;transform:none;transition-delay:.12s,.12s,0s}
#amc-lh.hd-closed .hd-dd:hover .hd-menu{opacity:0;visibility:hidden;transform:translateY(6px)}
#amc-lh .hd-col b{display:block;font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--soft);margin-bottom:var(--s-2)}
#amc-lh .hd-col a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 10px;margin:0 -10px;border-radius:var(--r-1);font-size:var(--fs-sm);font-weight:600;line-height:1.25;color:var(--ink);white-space:nowrap;transition:background var(--dur-1)}
#amc-lh .hd-col a small{flex:none;font-size:var(--fs-xs);font-weight:600;color:var(--soft)}
#amc-lh .hd-col a:hover{background:var(--tint)}
#amc-lh .hd-col a.hd-all{margin-top:6px;color:var(--red-ink);font-weight:800}

/* dreapta: comutatoare + CTA */
#amc-lh .hd-right{margin-left:auto;display:flex;align-items:center;gap:var(--s-3)}
#amc-lh .hd-cta{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:var(--r-2);background:var(--red);color:var(--on-red);font-size:var(--fs-sm);font-weight:800;white-space:nowrap;transition:background var(--dur-1),transform var(--dur-1)}
#amc-lh .hd-cta:hover{background:#f21423;transform:translateY(-1px)}
#amc-lh .hd-burger,#amc-lh .hd-mobile{display:none}

/* text mai mare in meniu (#71); sub 1140px ramane 13px, altfel butonul iese din ecran pe laptopurile inguste */
@media (min-width:1140px){
  #amc-lh .hd-nav>ul>li>a{font-size:15px}
  #amc-lh .hd-col a,#amc-lh .hd-cta{font-size:14px}
}

/* mobil si tablete */
@media (max-width:1024px){
  #amc-lh .hd-wrap{height:62px;gap:10px;padding:0 10px 0 var(--gutter)}
  #amc-lh .hd-logo{width:108px}
  #amc-lh .hd-nav,#amc-lh .hd-prefs{display:none}
  #amc-lh .hd-right{gap:6px}
  #amc-lh .hd-cta{height:36px;padding:0 13px;font-size:12px}
  #amc-lh .hd-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;cursor:pointer;border-radius:var(--r-2)}
  #amc-lh .hd-burger span{display:block;height:2px;border-radius:2px;background:var(--ink);transition:transform var(--dur-1),opacity var(--dur-1)}
  #amc-lh-toggle:checked~.hd-wrap .hd-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  #amc-lh-toggle:checked~.hd-wrap .hd-burger span:nth-child(2){opacity:0}
  #amc-lh-toggle:checked~.hd-wrap .hd-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  #amc-lh .hd-mobile{border-top:1px solid var(--line);background:var(--bg);max-height:calc(100vh - 62px);max-height:calc(100dvh - 62px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  #amc-lh-toggle:checked~.hd-mobile{display:block}
  #amc-lh .hd-mgrp{padding:6px var(--gutter)}
  #amc-lh .hd-mgrp>a,#amc-lh .hd-mrow>a{display:flex;align-items:center;gap:12px;min-height:48px;font-size:15px;font-weight:700;color:var(--ink)}
  #amc-lh .hd-mgrp>a[aria-current="page"],#amc-lh .hd-mrow>a[aria-current="page"]{color:var(--red-ink)}
  #amc-lh .hd-mgrp svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--soft)}
  #amc-lh .hd-mrow{display:flex;align-items:center}
  #amc-lh .hd-mrow>a{flex:1}
  #amc-lh .hd-mtoggle{display:grid;place-items:center;width:48px;height:48px;cursor:pointer;border-radius:var(--r-2);color:var(--soft)}
  #amc-lh .hd-mtoggle svg{transition:transform var(--dur-1)}
  #lh-mchip:checked~.hd-mrow .hd-mtoggle svg{transform:rotate(180deg)}
  #amc-lh .hd-msub{display:none;padding:2px 0 10px 30px}
  #lh-mchip:checked~.hd-msub{display:block}
  #amc-lh .hd-msub b{display:block;font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--soft);margin:10px 0 2px}
  #amc-lh .hd-msub a{display:block;min-height:40px;padding:10px 0;font-size:14px;font-weight:600;line-height:1.25;color:var(--muted);border-bottom:1px solid var(--line)}
  #amc-lh .hd-msub a.hd-all{color:var(--red-ink);font-weight:800;border-bottom:0}
  #amc-lh .hd-mcta{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:14px var(--gutter) 6px}
  #amc-lh .hd-mbtn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border-radius:var(--r-2);border:1px solid transparent;font-size:var(--fs-sm);font-weight:800}
  #amc-lh .hd-mbtn svg{width:20px;height:20px}
  #amc-lh .hd-mbtn--red{background:var(--red);color:var(--on-red)}
  #amc-lh .hd-mbtn--wa{width:48px;padding:0;background:var(--wa);color:var(--on-wa)}
  #amc-lh .hd-mbtn--wa svg{fill:currentColor}
  #amc-lh .hd-mbtn--tel{width:48px;padding:0;border-color:var(--line-2);color:var(--ink)}
  #amc-lh .hd-mbtn--tel svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  #amc-lh .hd-mfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px var(--gutter) calc(18px + env(safe-area-inset-bottom,0px))}
  #amc-lh .hd-soc{display:flex;gap:2px}
  #amc-lh .hd-soc a{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-2);color:var(--soft)}
  #amc-lh .hd-soc a:hover{color:var(--ink);background:var(--tint)}
  #amc-lh .hd-soc svg{width:18px;height:18px;fill:currentColor}
}
@media (prefers-reduced-motion:reduce){
  #amc-lh .hd-menu,#amc-lh .hd-dd>a svg,#amc-lh .hd-burger span,#amc-lh .hd-mtoggle svg,#amc-lh .hd-cta{transition:none}
}
/* cu meniul mobil deschis, butoanele plutitoare nu acopera lista */
body:has(#amc-lh-toggle:checked) .elementor-location-floating_buttons{display:none!important}
/* ---- prefs.css ---- */
/* Comutatoarele din header: tema (light/dark) si limba (RO/EN), pe toate paginile.
   Alegerea se retine (localStorage amc-theme / amc-lang) si se aplica inainte de afisare
   (scriptul din <head>, src/lib/document.ts). Logica: /js/prefs.js. Pe tokeni (5 oct 2026):
   pista din --tint cu linie --line, butonul rosu, iconita alba pe rosu. Bara de sus a disparut cu headerul V2. */
.amc-prefs{display:flex;align-items:center;gap:8px}
.amc-prefs button{font:inherit;cursor:pointer;margin:0;padding:0;font-family:var(--font)}
.amc-theme-t,.amc-theme-t:hover,.amc-theme-t:focus{position:relative;width:52px;height:30px;border-radius:999px;border:1px solid var(--line);background:var(--tint);color:var(--on-red)}
.amc-theme-t:hover{border-color:var(--line-2)}
.amc-theme-t .knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.amc-theme-t svg{width:13px;height:13px;position:absolute;transition:opacity .25s,transform .35s}
.amc-theme-t .i-sun{opacity:0;transform:rotate(-90deg) scale(.6)}
html[data-theme="light"] .amc-theme-t .knob{transform:translateX(22px)}
html[data-theme="light"] .amc-theme-t .i-sun{opacity:1;transform:none}
html[data-theme="light"] .amc-theme-t .i-moon{opacity:0;transform:rotate(90deg) scale(.6)}
@media (prefers-color-scheme:light){
  html:not([data-theme]) .amc-theme-t .knob{transform:translateX(22px)}
  html:not([data-theme]) .amc-theme-t .i-sun{opacity:1;transform:none}
  html:not([data-theme]) .amc-theme-t .i-moon{opacity:0;transform:rotate(90deg) scale(.6)}
}
/* o singura stare (Andrei, 5 oct 2026): textul mic si bold si fara hover, nu doar la hover. Inainte, ".amc-prefs button{font:inherit}"
   batea regula de baza si textul se micsora abia la hover. Comutatorul e acum link spre perechea paginii in cealalta limba. */
.amc-prefs .amc-lang-t,.amc-prefs .amc-lang-t:hover,.amc-prefs .amc-lang-t:focus,.amc-prefs .amc-lang-t:visited{position:relative;display:flex;align-items:stretch;height:30px;margin:0;padding:0;border-radius:999px;border:1px solid var(--line);background:var(--tint);color:var(--ink);font:800 11px/1 var(--font);letter-spacing:.5px;text-decoration:none;cursor:pointer;box-sizing:border-box}
.amc-prefs .amc-lang-t:hover{border-color:var(--line-2)}
.amc-lang-t .o{position:relative;z-index:1;width:30px;display:flex;align-items:center;justify-content:center;transition:color .3s;color:var(--soft)}
.amc-lang-t .ind{position:absolute;top:2px;left:2px;width:28px;height:24px;border-radius:999px;background:var(--red);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
html:not([data-lang="en"]) .amc-lang-t .ro,html[data-lang="en"] .amc-lang-t .en{color:var(--on-red)}
html[data-lang="en"] .amc-lang-t .ind{transform:translateX(30px)}
.amc-prefs button:focus-visible,.amc-prefs a:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.amc-theme-t .knob,.amc-theme-t svg,.amc-lang-t .ind,.amc-lang-t .o{transition:none}}

/* bannerul de consimtamant (GA4, 5 oct 2026): jos-stanga pe desktop, toata latimea pe mobil, deasupra barei de actiune */
.amc-consent{position:fixed;left:16px;bottom:16px;z-index:70;max-width:420px;font-family:Montserrat,Arial,sans-serif}
.amc-consent .in{background:var(--panel,#141418);color:var(--ink,#f3f3f5);border:1px solid var(--line,#26262c);border-radius:14px;padding:14px 16px;box-shadow:0 18px 50px rgba(0,0,0,.35);display:grid;gap:10px}
.amc-consent p{margin:0;font-size:13px;line-height:1.5;color:var(--muted,#a6a6b0)}
.amc-consent p a{color:var(--ink,#f3f3f5);text-decoration:underline;text-underline-offset:2px}
.amc-consent .b{display:flex;gap:8px;flex-wrap:wrap}
.amc-consent button{font:800 13px Montserrat,Arial,sans-serif;min-height:40px;padding:0 16px;border-radius:8px;border:1px solid transparent;cursor:pointer}
.amc-consent .ok{background:#E30613;color:#fff}
.amc-consent .no{background:transparent;color:var(--ink,#f3f3f5);border-color:var(--line-2,#34343c)}
@media (max-width:640px){.amc-consent{left:0;right:0;bottom:0;max-width:none}.amc-consent .in{border-radius:14px 14px 0 0;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}body.has-ds-bar .amc-consent{bottom:84px}body.has-ds-bar .amc-consent .in{border-radius:14px}}
/* ---- floating.css ---- */
/* Butoanele plutitoare WhatsApp si Suna: buline rotunde verzi, amandoua (4 oct 2026, cerut de Andrei;
   inainte erau "limbi" lipite de margine, dupa sablonul Elementor). Iconitele au aceeasi marime vizuala:
   receptorul umple tot patratul SVG, logo-ul WhatsApp nu, de aceea receptorul e desenat mai mic.
   Pe desktop, la hover, eticheta apare in stanga bulinei. */
.e-contact-buttons-var-10{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:10000;pointer-events:none}
.e-contact-buttons__contact-links{display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.e-contact-buttons__contact-icon-link{pointer-events:auto;position:relative;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;
  background:var(--wa);color:var(--on-wa)!important;box-shadow:0 6px 18px rgba(0,0,0,.28);text-decoration:none;transition:transform .2s,box-shadow .2s}
.e-contact-buttons__contact-icon-link:hover,.e-contact-buttons__contact-icon-link:focus-visible{transform:scale(1.06);box-shadow:0 8px 22px rgba(0,0,0,.34)}
.e-contact-buttons__contact-icon-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.e-contact-buttons__contact-icon-container{display:flex;align-items:center;justify-content:center;width:28px;height:28px}
.e-contact-buttons__contact-icon-container svg{width:28px;height:28px;fill:currentColor}
.e-contact-buttons__contact-icon-link+.e-contact-buttons__contact-icon-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.e-contact-buttons__contact-title{position:absolute;right:66px;top:50%;transform:translateY(-50%);background:var(--panel);color:var(--ink);border:1px solid var(--line);font-size:13px;font-weight:600;
  padding:7px 11px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.e-contact-buttons__contact-icon-link:hover .e-contact-buttons__contact-title,.e-contact-buttons__contact-icon-link:focus-visible .e-contact-buttons__contact-title{opacity:1}
@media (hover:none){.e-contact-buttons__contact-title{display:none}}
@media (max-width:600px){.e-contact-buttons-var-10{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}.e-contact-buttons__contact-icon-link{width:50px;height:50px}}
@media (prefers-reduced-motion:reduce){.e-contact-buttons__contact-icon-link,.e-contact-buttons__contact-title{transition:none}}
body:has(#amc-lh-toggle:checked) .elementor-location-floating_buttons{display:none!important}
/* ---- footer.css ---- */
/* Footer V2 (5 oct 2026, deciziile lui Andrei pe mockup-ul "Header si footer V2"): un singur bloc pe --bg-2 cu linie
   subtire sus (fara carcasa Elementor, fara linia rosie, fara trust bar separat). Sus: logo, o propozitie de fapte si
   cele 4 cifre din feed (aceleasi ca pe homepage). Apoi 4 coloane (Servicii, Ghiduri pe marca, Site, Contact), randul
   "Marci in configurator" cu hub-urile cele mai vazute si bara legala. Doar tokeni: dark si light din aceleasi reguli.
   Circa 660 px pe desktop si 1.250 px pe mobil (fata de 1.065 / 2.383 inainte). */
#amc-footer{position:relative;z-index:1;background:var(--bg-2);border-top:1px solid var(--line);color:var(--ink);font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh-body)}
#amc-footer *{box-sizing:border-box;margin:0;padding:0}
#amc-footer a{color:inherit;text-decoration:none}
#amc-footer :focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
#amc-footer .ft-wrap{max-width:var(--wrap);margin:0 auto;padding:44px var(--gutter) 24px}

/* randul de fapte */
#amc-footer .ft-top{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--s-6);align-items:center;padding-bottom:var(--s-6);border-bottom:1px solid var(--line)}
#amc-footer .ft-logo{display:block;width:150px;line-height:0;color:var(--ink)}
#amc-footer .ft-logo svg{display:block;width:100%;height:auto}
#amc-footer .ft-brand p{margin-top:var(--s-3);max-width:48ch;font-size:var(--fs-sm);color:var(--muted)}
#amc-footer .ft-brand p b{color:var(--ink)}
#amc-footer .ft-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4)}
#amc-footer .ft-proof b{display:block;font-size:var(--fs-xl);font-weight:900;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
#amc-footer .ft-proof span{display:block;margin-top:5px;font-size:var(--fs-xs);line-height:1.3;color:var(--soft)}

/* coloanele */
#amc-footer .ft-cols{display:grid;grid-template-columns:1fr 1fr 1fr 1.35fr;gap:var(--s-6);padding:var(--s-6) 0;border-bottom:1px solid var(--line)}
#amc-footer .ft-h{display:block;margin-bottom:var(--s-3);font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--soft)}
#amc-footer .ft-cols nav a{display:block;padding:5px 0;font-size:var(--fs-sm);font-weight:600;color:var(--muted);transition:color var(--dur-1)}
#amc-footer .ft-cols nav a:hover{color:var(--ink)}
#amc-footer .ft-ct>div{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:5px 0;font-size:var(--fs-sm);line-height:1.45;color:var(--muted)}
#amc-footer .ft-ct svg{width:16px;height:16px;margin-top:3px;fill:none;stroke:var(--red-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#amc-footer .ft-ct a{color:var(--ink);font-weight:700}
#amc-footer .ft-ct a:hover{color:var(--red-ink)}
#amc-footer .ft-ct i{display:block;font-style:normal;font-size:var(--fs-xs);color:var(--soft)}

/* marcile din configurator */
#amc-footer .ft-brands{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:var(--s-5) 0;border-bottom:1px solid var(--line)}
#amc-footer .ft-l{margin-right:6px;font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--soft)}
#amc-footer .ft-brands a{display:inline-flex;align-items:center;height:30px;padding:0 11px;border:1px solid var(--line);border-radius:var(--r-1);background:var(--tint);font-size:12px;font-weight:700;color:var(--muted);transition:color var(--dur-1),border-color var(--dur-1)}
#amc-footer .ft-brands a:hover{color:var(--ink);border-color:var(--line-2)}
#amc-footer .ft-brands a.ft-all{background:transparent;border-color:transparent;color:var(--red-ink);font-weight:800}

/* bara legala */
#amc-footer .ft-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-5);padding-top:var(--s-5);font-size:var(--fs-xs);line-height:1.5;color:var(--soft)}
#amc-footer .ft-legal{display:flex;flex-wrap:wrap;gap:4px 14px}
#amc-footer .ft-legal a{font-weight:700;color:var(--muted)}
#amc-footer .ft-legal a:hover{color:var(--ink)}
#amc-footer .ft-soc{display:flex;gap:6px}
#amc-footer .ft-soc a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:var(--r-1);color:var(--muted);transition:color var(--dur-1),border-color var(--dur-1)}
#amc-footer .ft-soc a:hover{color:var(--ink);border-color:var(--line-2)}
#amc-footer .ft-soc svg{width:15px;height:15px;fill:currentColor}

@media (max-width:900px){
  #amc-footer .ft-top{grid-template-columns:1fr;gap:var(--s-5);padding-bottom:var(--s-5)}
  #amc-footer .ft-proof{grid-template-columns:repeat(2,1fr);gap:var(--s-4) var(--s-3)}
  #amc-footer .ft-cols{grid-template-columns:1fr 1fr;gap:var(--s-5) var(--s-4);padding:var(--s-5) 0}
  #amc-footer .ft-ct{grid-column:1/-1}
}
@media (max-width:640px){
  #amc-footer .ft-wrap{padding:32px var(--gutter) 20px}
  #amc-footer .ft-proof b{font-size:22px}
  #amc-footer .ft-brands{padding:var(--s-4) 0}
  #amc-footer .ft-bottom{flex-direction:column;align-items:flex-start;padding-top:var(--s-4)}
}
@media (prefers-reduced-motion:reduce){#amc-footer a{transition:none}}