/* =============================================================================
   imarke.css — shell comun (header, footer, mega-menu, drawer) + tokeni
   Design: template homepage v3_7 (Archivo + IBM Plex Sans/Mono, mov #6B2D8B).
   Namespace: .imk-* și clasele de componentă din template (.navl/.mm/.drw).
   Scara de spacing și tipografie sunt MATEMATICE și documentate (vezi :root).
   ========================================================================== */

/* ---------------------------------------------------------------- TOKENI --- */
:root{
  /* Culori brand (sursa de adevar: template v3_7) — verificate >=4.5:1 pe text */
  --imk-bg:#F7F6F9;        /* fundal pagina            */
  --imk-surface:#FFFFFF;   /* carduri, header          */
  --imk-ink:#16121B;       /* text principal           */
  --imk-ink-2:#2A2430;     /* text nav                 */
  --imk-soft:#3A3242;      /* text secundar inchis     */
  --imk-mut:#6B6475;       /* text estompat            */
  --imk-pur:#6B2D8B;       /* mov principal            */
  --imk-pur-d:#57206F;     /* mov hover/închis         */
  --imk-pur-50:#F1EAF6;    /* mov foarte deschis (hover bg) */
  --imk-pur-100:#F6F1FA;   /* mov wash                 */
  --imk-line:#E7E2EC;      /* linii/borduri            */
  --imk-line-2:#E1DAE7;    /* borduri câmp             */
  --imk-dark:#1B0F24;      /* footer / hero fundal     */
  --imk-dark-2:#241430;    /* bara utilitară           */
  --imk-dark-3:#2B1538;    /* promo mega-menu          */
  --imk-ft-ink:#CFC6D8;    /* text footer              */
  --imk-ft-mut:#9B8DA8;    /* text footer estompat     */
  --imk-green:#4CAF27;     /* accent verde             */
  --imk-focus:#B98ED2;     /* inel de focus            */

  /* Tipografie — scara modulara rata 1.25 (major third), baza 16px.
     Sursa: type-scale/Utopia; lungime rand 45-90ch, line-height 1.2 titlu / 1.6 text (Butterick). */
  --ff-head:Archivo,"IBM Plex Sans",system-ui,sans-serif;
  --ff-body:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --ff-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-300:.8rem;      /* 12.8px — legal/fin print */
  --fs-350:.875rem;    /* 14px   — meta/nav mobil  */
  --fs-400:1rem;       /* 16px   — body            */
  --fs-500:1.25rem;    /* 20px                     */
  --fs-600:1.5625rem;  /* 25px                     */
  --fs-700:1.953rem;   /* 31.25px                  */
  --fs-800:2.441rem;   /* 39px                     */
  --fs-900:3.052rem;   /* 48.8px                   */
  --lh-tight:1.15;
  --lh-head:1.2;
  --lh-body:1.6;
  --measure:70ch;      /* lungime optima rand text */

  /* Spacing — grila 8pt, baza 4px (Material 8dp). Multipli: 4·8·12·16·24·32·48·64·96 */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.25rem;
  --sp-6:1.5rem; --sp-8:2rem; --sp-10:2.5rem; --sp-12:3rem; --sp-16:4rem;
  --sp-20:5rem; --sp-24:6rem;
  --gutter:clamp(1rem,3vw,2.5rem);   /* padding lateral fluid (16px -> 40px) */

  /* Raze, umbre, layout, z */
  --r-sm:6px; --r:8px; --r-md:10px; --r-lg:14px; --r-pill:999px;
  --sh-card:0 18px 40px -24px rgba(60,25,80,.45);
  --sh-head:0 8px 24px -18px rgba(40,15,60,.35);
  --sh-cta:0 8px 20px -8px rgba(92,40,120,.55);
  --wrap:1400px;        /* lațime max header/footer/secțiuni */
  --wrap-text:1240px;   /* lațime max conținut citibil       */
  --z-header:50; --z-scrim:45; --z-mega:60; --z-drawer:100;
  --tap:44px;           /* țintă minimă click (WCAG 2.2 AA: 24, noi folosim 44) */
}

/* ------------------------------------------------------------------ BAZA --- */
.imk-body{margin:0;background:var(--imk-bg);color:var(--imk-ink);
  font-family:var(--ff-body);-webkit-font-smoothing:antialiased;overflow-x:clip}
.imk-root{position:relative}
.imk-root *,.imk-root *::before,.imk-root *::after{box-sizing:border-box}
.imk-root h1,.imk-root h2,.imk-root h3{font-family:var(--ff-head);text-wrap:balance;line-height:var(--lh-head);margin:0}
.imk-root p{text-wrap:pretty}
:where(.imk-root) a{color:var(--imk-pur);text-decoration:none}
:where(.imk-root) a:hover{color:var(--imk-pur-d)}
.imk-root a:hover{text-decoration:none}
.imk-root img{max-width:100%}
.imk-mono{font-family:var(--ff-mono)}
.imk-root input,.imk-root select,.imk-root textarea,.imk-root button{font:inherit}
.imk-root :focus-visible{outline:3px solid var(--imk-focus);outline-offset:2px}
.imk-wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}
.imk-skip{position:absolute;left:-9999px;top:0;z-index:999}
.imk-skip:focus{left:8px;top:8px;background:var(--imk-pur);color:#fff;padding:10px 16px;border-radius:var(--r)}
[hidden]{display:none !important}
html.lock{overflow:hidden}

/* butoane / linkuri reutilizabile */
.btnp{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--imk-pur);
  color:#fff;font-weight:600;border:0;border-radius:var(--r-md);cursor:pointer;
  transition:background .2s,transform .15s,box-shadow .2s}
.btnp:hover{background:var(--imk-pur-d);color:#fff;box-shadow:var(--sh-cta)}
.btnp:active{transform:translateY(1px)}
.btn-green{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--tap);padding:0 var(--sp-5);border-radius:var(--r-md);background:#4CAF27;color:#fff;font-weight:600;border:0;text-decoration:none;transition:background .2s,box-shadow .2s}
.btn-green:hover{background:#3F9A1F;color:#fff;box-shadow:var(--sh-cta)}
.btn-green:active{transform:translateY(1px)}
.flink{color:var(--imk-ft-ink)}
.flink:hover{color:#fff}

/* --------------------------------------------------------------- TOP BAR --- */
.imk-util{background:var(--imk-dark-2);color:#E6DDEE;font-size:var(--fs-350)}
.imk-util .imk-wrap{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);
  align-items:center;justify-content:space-between;padding-block:var(--sp-2)}
.imk-util__l,.imk-util__r{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);align-items:center}
.imk-util a{color:#E6DDEE}
.imk-util a:hover{color:#fff}
.imk-util__dot{width:8px;height:8px;border-radius:50%;background:var(--imk-green);display:inline-block}
.imk-util__hours{display:inline-flex;align-items:center;gap:var(--sp-2)}
.imk-util a.strong{color:#fff;font-weight:600}
.imk-util__sep{color:#8F7FA0}

/* ---------------------------------------------------------------- HEADER --- */
.imk-hdr{background:var(--imk-surface);border-bottom:1px solid var(--imk-line);
  box-shadow:var(--sh-head);position:sticky;top:env(safe-area-inset-top,0px);z-index:var(--z-header)}
/* Decalaj bara admin WP (doar logat): antetul fix sta SUB ea, nu in spatele ei */
.admin-bar .imk-hdr{top:calc(32px + env(safe-area-inset-top,0px))}
@media screen and (max-width:782px){.admin-bar .imk-hdr{top:calc(46px + env(safe-area-inset-top,0px))}}
.imk-hdr__in{max-width:var(--wrap);margin:0 auto;padding:var(--sp-4) var(--gutter);
  display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6);align-items:center;justify-content:space-between}
.imk-logo{display:inline-flex;align-items:center}
.imk-logo img{height:44px;width:auto;display:block}
.imk-hdr__actions{display:flex;gap:var(--sp-3);align-items:center}

.navmain{display:flex;flex-wrap:wrap;gap:2px;align-items:center}
.navl{color:var(--imk-ink-2);font-weight:500;font-size:var(--fs-400);padding:var(--sp-3);
  border-radius:var(--r);display:inline-flex;align-items:center;gap:var(--sp-2);
  transition:background .2s,color .2s}
.navl:hover{background:var(--imk-pur-50);color:var(--imk-pur-d)}
.navl.on{background:var(--imk-pur-50);color:var(--imk-pur-d)}
button.navl{border:0;background:transparent;cursor:pointer}
.navl .chev{transition:transform .25s}
.navl[aria-expanded="true"] .chev{transform:rotate(180deg)}

.imk-search{height:var(--tap);min-width:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-md);
  border:1px solid var(--imk-line-2);background:var(--imk-surface);color:var(--imk-soft);
  display:inline-flex;align-items:center;gap:var(--sp-3);cursor:pointer;font-size:var(--fs-350)}
.imk-search .searchtxt{color:var(--imk-mut)}
.imk-search .imk-kbd{font-family:var(--ff-mono);font-size:var(--fs-300);color:var(--imk-mut);
  border:1px solid var(--imk-line-2);border-radius:var(--r-sm);padding:1px 8px}
.imk-cta{height:var(--tap);padding:0 var(--sp-5);font-size:var(--fs-400)}
.burger{display:none;width:var(--tap);height:var(--tap);border:0;border-radius:var(--r-md);
  background:var(--imk-pur);color:#fff;align-items:center;justify-content:center;cursor:pointer}

/* ------------------------------------------------------------- MEGA-MENU --- */
.mm{position:absolute;left:0;right:0;top:100%;z-index:var(--z-mega);
  padding:0 var(--gutter);animation:mmIn .28s cubic-bezier(.2,.8,.2,1)}
@keyframes mmIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mm-in{max-width:var(--wrap);margin:8px auto 0;background:var(--imk-surface);
  border:1px solid var(--imk-line);border-radius:var(--r-md);
  box-shadow:0 40px 80px -40px rgba(40,15,60,.45);
  display:grid;grid-template-columns:minmax(0,1fr) 320px;overflow:hidden}
.mm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.mm-col{padding:var(--sp-8) var(--sp-6);border-left:1px solid #F0ECF3}
.mm-col:first-child{border-left:0}
.mm-h{display:flex;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-4);
  font-family:var(--ff-head);font-size:var(--fs-400);font-weight:700;color:var(--imk-ink)}
.mm-h img{filter:drop-shadow(0 8px 10px rgba(92,40,120,.25))}
.mm-col ul,.drw ul{list-style:none;margin:0;padding:0}
.mm-col li a{display:block;padding:var(--sp-2) var(--sp-3);margin:0 calc(-1*var(--sp-3));
  border-radius:var(--r);font-size:var(--fs-350);color:var(--imk-soft);transition:background .2s,color .2s}
.mm-col li a:hover{background:var(--imk-pur-100);color:var(--imk-pur-d)}
.mm-ind{padding:var(--sp-8) var(--sp-6);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;gap:var(--sp-2);align-content:stretch}
.mm-ind a{display:flex;align-items:center;min-height:48px;padding:var(--sp-3) var(--sp-4);
  border-radius:var(--r);background:#F7F4FA;color:var(--imk-ink-2);font-size:var(--fs-350);
  font-weight:500;transition:background .2s,color .2s}
.mm-ind a:hover{background:#EFE6F5;color:var(--imk-pur-d)}
.mm-promo{display:flex;flex-direction:column;background:var(--imk-dark-3);color:#fff}
.mm-promo img{width:100%;height:180px;object-fit:cover;display:block}
.mm-pb{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2)}
.mm-eb{font-size:var(--fs-300);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#D6BFE6}
.mm-pb strong{font-family:var(--ff-head);font-size:var(--fs-500);line-height:1.25}
.mm-cta{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-350);
  font-weight:600;color:#E3D5EC;margin-top:var(--sp-2)}
.mm-promo:hover .mm-cta{color:#fff}
.mm-scrim{position:fixed;inset:0;background:rgba(22,10,32,.28);z-index:var(--z-scrim);animation:mmIn .2s}

/* ---------------------------------------------------------------- DRAWER --- */
.drw{position:fixed;inset:0;z-index:var(--z-drawer);background:var(--imk-surface);
  display:flex;flex-direction:column;animation:drwIn .3s cubic-bezier(.2,.8,.2,1);
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@keyframes drwIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.drw-top{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;
  padding:0 var(--sp-4);border-bottom:1px solid var(--imk-line)}
.drw-top img{height:36px;width:auto}
.drw-x{width:var(--tap);height:var(--tap);border-radius:var(--r-md);border:1px solid var(--imk-line-2);
  background:var(--imk-surface);color:var(--imk-ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.drw-body{flex:1;overflow-y:auto;padding:var(--sp-4)}
.drw-search{display:flex;align-items:center;gap:var(--sp-3);height:48px;padding:0 var(--sp-4);
  border-radius:var(--r-md);background:var(--imk-bg);border:1px solid var(--imk-line-2);
  color:var(--imk-mut);margin-bottom:var(--sp-2)}
.drw-search input{border:0;background:transparent;outline:none;flex:1;min-width:0;color:var(--imk-ink);font-size:var(--fs-400)}
.drw-acc{border-bottom:1px solid #EEEAF1}
.drw-acc>summary,.drw-l{list-style:none;min-height:56px;display:flex;align-items:center;
  justify-content:space-between;font-family:var(--ff-head);font-size:var(--fs-500);font-weight:700;
  color:var(--imk-ink);cursor:pointer}
.drw-l{border-bottom:1px solid #EEEAF1}
.drw-l:last-child{border-bottom:0}
summary::-webkit-details-marker{display:none}
details[open]>summary .chev{transform:rotate(180deg)}
summary .chev{transition:transform .25s;color:var(--imk-pur);flex-shrink:0}
.drw-sol{display:flex;flex-direction:column;gap:var(--sp-2);padding-bottom:var(--sp-4)}
.drw-sub{background:#F7F3FA;border-radius:var(--r-md)}
.drw-sub>summary{list-style:none;display:flex;align-items:center;gap:var(--sp-3);min-height:56px;
  padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-2);font-size:var(--fs-400);font-weight:600;
  color:var(--imk-ink-2);cursor:pointer}
.drw-sub>summary .chev{margin-left:auto}
.drw-sub ul{padding:0 var(--sp-4) var(--sp-3) 56px}
.drw-sub li a{display:flex;align-items:center;min-height:44px;font-size:var(--fs-400);color:var(--imk-soft)}
.drw-ind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);padding-bottom:var(--sp-4)}
.drw-ind a{display:flex;align-items:center;min-height:48px;padding:var(--sp-3);border-radius:var(--r-md);
  background:#F7F3FA;font-size:var(--fs-350);font-weight:500;color:var(--imk-ink-2)}
.drw-foot{flex-shrink:0;padding:var(--sp-4);border-top:1px solid var(--imk-line);
  display:flex;flex-direction:column;gap:var(--sp-3)}
.drw-cta{height:52px;border-radius:var(--r-md);background:var(--imk-pur);color:#fff !important;
  font-weight:600;display:flex;align-items:center;justify-content:center}
.drw-meta{display:flex;justify-content:space-between;font-size:var(--fs-350);color:#4A4452}
.drw-meta a{font-weight:600}

/* ---------------------------------------------------------------- FOOTER --- */
.imk-main{min-height:1px}
.imk-ft{background:var(--imk-dark);color:var(--imk-ft-ink)}
.imk-ft__top{max-width:var(--wrap);margin:0 auto;padding:var(--sp-16) var(--gutter) var(--sp-8);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-10)}
.imk-ft__brand{display:flex;flex-direction:column;gap:var(--sp-4);max-width:420px}
.imk-ft__brand strong{font-family:var(--ff-head);font-size:var(--fs-600);color:#fff}
.imk-ft__brand p{margin:0;font-size:var(--fs-350);line-height:var(--lh-body)}
.imk-ft__legal{margin:0;font-size:var(--fs-350);line-height:var(--lh-body);color:var(--imk-ft-mut)}
.imk-ft nav{display:flex;flex-direction:column;gap:var(--sp-3);font-size:var(--fs-350)}
.imk-ft nav strong{color:#fff;font-size:var(--fs-400);margin-bottom:var(--sp-1)}
.imk-ft__news{display:flex;flex-direction:column;gap:var(--sp-3);font-size:var(--fs-350)}
.imk-ft__news strong{color:#fff;font-size:var(--fs-400);margin-bottom:var(--sp-1)}
.imk-ft__news label{font-size:var(--fs-350);color:#B5A8C2}
.imk-ft__news input{margin-top:var(--sp-2);width:100%;height:var(--tap);border-radius:var(--r-md);
  border:1px solid #3E2B4C;background:#26182F;color:#fff;padding:0 var(--sp-3)}
.imk-ft__news button{height:var(--tap);border-radius:var(--r-md);border:1px solid #5C3F70;
  background:transparent;color:#fff;font-weight:600;cursor:pointer}
/* bloc conformitate ANPC SAL */
.imk-ft__compliance{max-width:var(--wrap);margin:0 auto;padding:var(--sp-6) var(--gutter);
  border-top:1px solid #33243F;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-6)}
.imk-ft__sal{display:inline-flex;align-items:center}
.imk-ft__sal img{height:50px;width:auto;display:block;border-radius:var(--r-sm)}
.imk-ft__compliance p{margin:0;font-size:var(--fs-300);line-height:var(--lh-body);color:var(--imk-ft-mut);max-width:60ch}
/* bara de jos */
.imk-ft__bar{max-width:var(--wrap);margin:0 auto;padding:var(--sp-5) var(--gutter) var(--sp-8);
  border-top:1px solid #33243F;display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-6);
  justify-content:space-between;font-size:var(--fs-350);color:var(--imk-ft-mut)}
.imk-ft__links{display:flex;flex-wrap:wrap;gap:var(--sp-5)}

/* ------------------------------------------------------------- RESPONSIVE --- */
@media (max-width:980px){
  .navmain,.searchtxt,.utilsec,.ctahdr{display:none !important}
  .burger{display:inline-flex !important}
}
@media (max-width:1180px){
  .mm-in{grid-template-columns:minmax(0,1fr)}
  .mm-promo{display:none}
}
@media (prefers-reduced-motion:reduce){
  .imk-root *,.imk-root *::before,.imk-root *::after{animation:none !important;transition:none !important}
}

/* ---- Formular de ofertă CF7 #15970 (clasele .imark-* definite în formular) ---- */
.imk-root .imark-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.imk-root .imark-form-title{grid-column:1/-1;margin:0;font-family:Archivo,sans-serif;font-size:clamp(19px,1.8vw,22px);line-height:1.2;letter-spacing:-.01em;color:#16121B}
.imk-root .imark-form-sub{grid-column:1/-1;margin:-4px 0 2px;font-size:14px;line-height:1.5;color:#6B6475}
.imk-root .imark-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.imk-root .imark-field:has(textarea),.imk-root .imark-field:has(.imark-dropzone){grid-column:1/-1}
.imk-root .imark-field>label{font-size:13px;font-weight:600;color:#2A2430}
.imk-root .imark-form .wpcf7-form-control-wrap{display:block}
.imk-root .imark-form input:not([type=submit]):not([type=file]),
.imk-root .imark-form textarea{width:100%;background:#FFFFFF;border:1px solid #E1DAE7;border-radius:10px;padding:9px 13px;font-size:15px;color:#16121B;font-family:inherit;transition:border-color .2s,box-shadow .2s}
.imk-root .imark-form input:not([type=submit]):not([type=file]){height:42px}
.imk-root .imark-form textarea{min-height:78px;resize:vertical;line-height:1.5}
.imk-root .imark-form input:focus,.imk-root .imark-form textarea:focus{outline:none;border-color:#6B2D8B;box-shadow:0 0 0 3px rgba(107,45,139,.15)}
.imk-root .imark-form input::placeholder,.imk-root .imark-form textarea::placeholder{color:#9A93A6}
.imk-root .imark-dropzone{position:relative;border:1.5px dashed #CDB6DA;border-radius:12px;background:#FAF7FC;transition:border-color .2s,background .2s}
.imk-root .imark-dropzone:hover{border-color:#6B2D8B;background:#F6F1FA}
.imk-root .imark-dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.imk-root .imark-dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:13px;pointer-events:none;color:#57206F}
.imk-root .imark-upload-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#EFE3F6;color:#6B2D8B;font-size:20px;font-weight:700}
.imk-root .imark-dropzone-inner small{color:#8A7F97;font-size:12.5px}
.imk-root .imark-form .imark-submit{grid-column:1/-1;height:46px;border:0;border-radius:10px;background:#4CAF27;color:#FFFFFF;font-weight:600;font-size:16px;cursor:pointer;transition:background .2s,box-shadow .2s}
.imk-root .imark-form .imark-submit:hover{background:#3F9A1F;box-shadow:0 8px 20px -8px rgba(92,40,120,.55)}
.imk-root .wpcf7-not-valid-tip{color:#C0392B;font-size:13px;margin-top:4px}
.imk-root .imark-form input.wpcf7-not-valid,.imk-root .imark-form textarea.wpcf7-not-valid{border-color:#C0392B}
.imk-root .wpcf7-response-output{grid-column:1/-1;margin:4px 0 0 !important;border-radius:10px;padding:12px 14px !important;font-size:14px;line-height:1.5}
.imk-root .wpcf7 form.invalid .wpcf7-response-output,.imk-root .wpcf7 form.unaccepted .wpcf7-response-output{border:1px solid #E7B8B2;background:#FBEDEC;color:#8A2A1E}
.imk-root .wpcf7 form.sent .wpcf7-response-output{border:1px solid #BFE3B0;background:#EEF8E9;color:#2E6B1A}
.imk-root .wpcf7-spinner{margin:0 0 0 10px}
@media (max-width:980px){.imk-root .imark-form{grid-template-columns:1fr}}
/* Bara de cautare: input seamless in pilula + focus premium */
.imk-search{cursor:text;transition:border-color .2s,box-shadow .2s,background .2s}
.imk-search:focus-within{border-color:var(--imk-pur);box-shadow:0 0 0 2px rgba(124,65,153,.12);background:var(--imk-surface)}
.imk-search__i,.imk-hdr .imk-search input[type="search"]{-webkit-appearance:none;appearance:none;border:0 !important;background:transparent !important;box-shadow:none !important;outline:none !important;margin:0 !important;padding:0 !important;height:auto !important;line-height:1.2;border-radius:0 !important;flex:1 1 auto;min-width:0;width:13ch;color:var(--imk-ink);font:inherit;transition:width .25s ease}
.imk-search:focus-within .imk-search__i{width:20ch}
.imk-search__i::placeholder{color:var(--imk-mut);opacity:1}
.imk-search__i::-webkit-search-decoration,.imk-search__i::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.imk-search .imk-kbd{flex:0 0 auto}

/* Header mobil (12.10): rândul 1 = logo stânga + buton meniu dreapta; rândul 2 = căutarea întinsă pe toată lățimea.
   actions devine transparent (display:contents) ca search și burger să participe direct la flex-ul .imk-hdr__in. */
@media (max-width:980px){
  .imk-hdr__actions{display:contents}
  .imk-hdr__in{row-gap:var(--sp-3,12px)}
  .imk-logo{order:1}
  .burger{order:2;flex:0 0 auto}
  .imk-search{order:3;flex:1 1 100%;width:auto;min-width:0;cursor:text;justify-content:flex-start}
  .imk-search .imk-search__i,.imk-hdr .imk-search input[type="search"]{width:100% !important}
  .imk-search:focus-within .imk-search__i{width:100% !important}
}

/* Tile-uri soluții homepage pe mobil (12.10): icon stânga + text dreapta, iconiță mai mică (era 72px vertical). */
@media (max-width:760px){
  .imk-root .reveal>.tile:has(.ico3d){display:grid!important;grid-template-columns:48px 1fr;column-gap:14px;row-gap:2px;align-items:center;padding:16px!important}
  .imk-root .reveal>.tile:has(.ico3d)>.ico3d{grid-row:1/span 2;grid-column:1;width:48px!important;height:48px!important;margin:0!important;align-self:center}
  .imk-root .reveal>.tile:has(.ico3d)>h3{grid-column:2;align-self:end;font-size:16px!important}
  .imk-root .reveal>.tile:has(.ico3d)>p{grid-column:2;align-self:start;font-size:13.5px!important}
}

/* Plăcuțe contact în meniul mobil (drawer) — telefon + email, stil ca ePardoseli */
.drw-contact{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:var(--sp-3)}
.drw-ct{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:var(--r-md);background:var(--imk-pur);color:#fff !important;text-decoration:none;min-height:54px}
.drw-ct--mail{background:var(--imk-dark,#1B0F24)}
.drw-ct:hover{filter:brightness(1.06)}
.drw-ct__ic{flex:0 0 auto;display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.16)}
.drw-ct__tx{display:flex;flex-direction:column;line-height:1.25;min-width:0;font-weight:700;font-size:15px;overflow:hidden}
.drw-ct__tx b{font-weight:600;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;opacity:.78}
.drw-ct--mail .drw-ct__tx{font-size:12.5px;overflow-wrap:anywhere}
@media (max-width:480px){.drw-contact{grid-template-columns:1fr}}

/* Iconuri colorate din emoji (bibliotecă) — dimensiune la nivel de text, aliniate pe linie */
.imk-emo{display:inline-block;width:1.15em;height:1.15em;vertical-align:-0.2em;flex:0 0 auto;overflow:visible}
.imk-emo--flag{width:1.4em;border-radius:2px}

/* Mega-menu Soluții: 6 categorii, fără promo */
.mm-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
#mm-sol .mm-in{grid-template-columns:minmax(0,1fr)}
#mm-sol .mm-col{padding:var(--sp-7) var(--sp-4)}
.mm-h .mm-gi{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;color:var(--imk-pur)}
.mm-h .mm-gi svg{width:100%;height:100%;display:block}
.drw-sub summary .mm-gi{display:inline-flex;width:24px;height:24px;flex:none;color:var(--imk-pur);margin-right:4px}
.drw-sub summary .mm-gi svg{width:100%;height:100%}
