/* ==============================================================
   RIASZTORENDSZERBOLT.HU - UJ SKIN (override) v1 - TESZT
   SZINEK KONNYU CSEREJE: csak az alabbi valtozokat ird at.
   ============================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --uj-brand:        #15a08f;
  --uj-brand-sotet:  #0e8073;
  --uj-brand-halvany:#e9f6f4;
  --uj-cta:          #f2652a;
  --uj-cta-sotet:    #d9531c;
  --uj-szoveg:       #1b2b29;
  --uj-vonal:        #e5ecea;
  --uj-radius:       12px;
  --uj-arnyek:       0 2px 8px rgba(16,40,37,.06), 0 10px 26px rgba(16,40,37,.06);
}
body, button, input, select, textarea{ font-family:'Inter', Roboto, system-ui, Arial, sans-serif !important; }
body.cms-index-index, body{ background-color:var(--uj-brand) !important; }
a.m-btn, .button, button.button, input.button, .btn-checkout, .btn-proceed-checkout{
  background:var(--uj-cta) !important; border:0 !important; border-radius:10px !important;
  color:#fff !important; font-weight:700 !important;
  box-shadow:0 4px 12px rgba(242,101,42,.22) !important; transition:.18s ease !important;
}
a.m-btn:hover, .button:hover, button.button:hover, input.button:hover, .btn-checkout:hover, .btn-proceed-checkout:hover{
  background:var(--uj-cta-sotet) !important; transform:translateY(-1px);
}
#search.input-text, input.input-text{
  border-radius:10px !important; border:1.5px solid var(--uj-vonal) !important;
  padding:10px 14px !important; height:auto !important;
}
#search.input-text:focus, input.input-text:focus{
  border-color:var(--uj-brand) !important; outline:none !important;
  box-shadow:0 0 0 3px rgba(21,160,143,.15) !important;
}
.kerekites, .menubox, .block, .std, .box, .sale-item-wrapper{ border-radius:var(--uj-radius) !important; }
.menubox, .block{ box-shadow:var(--uj-arnyek) !important; overflow:hidden; }
.menubox .block-title, .block .block-title, .menubox h2, .block .head{ background:var(--uj-brand) !important; color:#fff !important; }
li.item{ transition:.18s ease !important; }
li.item .sale-item-wrapper{
  background:#fff !important; border:1px solid var(--uj-vonal) !important; border-radius:var(--uj-radius) !important;
  padding:14px !important; box-shadow:var(--uj-arnyek) !important; transition:.18s ease !important;
}
li.item:hover .sale-item-wrapper{ transform:translateY(-3px); box-shadow:0 12px 30px rgba(16,40,37,.12) !important; border-color:#cdeae4 !important; }
a.product-image img{ border-radius:8px !important; }
.product-shop .product-name a, .product-name a{ color:var(--uj-szoveg) !important; font-weight:600 !important; }
.product-name a:hover{ color:var(--uj-brand-sotet) !important; }
.price{ color:var(--uj-szoveg) !important; font-weight:800 !important; }
.header ul.links a{ transition:.15s ease !important; }
.header ul.links a:hover{ color:#fff !important; opacity:.85; }
.footer{ background:var(--uj-brand-sotet) !important; }
a{ transition:color .15s ease; }
/* ---- 2. kor: lead-gen szolgaltatas sav ---- */
.uj-lead{ background:#fff; border:1px solid var(--uj-vonal); border-radius:var(--uj-radius); box-shadow:var(--uj-arnyek); padding:26px 24px; margin:14px 0 22px; }
.uj-lead-head{ text-align:center; max-width:760px; margin:0 auto 22px; }
.uj-lead-head h2{ font-size:26px; font-weight:800; color:var(--uj-szoveg); margin:0 0 10px; line-height:1.2; }
.uj-lead-head p{ color:#5c6c69; font-size:16px; margin:0 0 18px; }
.uj-cta-btn{ display:inline-block; background:var(--uj-cta); color:#fff !important; font-weight:700; font-size:16px; padding:13px 26px; border-radius:10px; text-decoration:none; box-shadow:0 6px 16px rgba(242,101,42,.25); transition:.18s ease; }
.uj-cta-btn:hover{ background:var(--uj-cta-sotet); transform:translateY(-1px); }
.uj-trio{ display:flex; gap:16px; flex-wrap:wrap; }
.uj-svc{ flex:1; min-width:200px; border:1px solid var(--uj-vonal); border-radius:var(--uj-radius); padding:20px; background:#fbfefd; transition:.18s ease; }
.uj-svc:hover{ transform:translateY(-3px); box-shadow:var(--uj-arnyek); border-color:#cdeae4; }
.uj-svc-ic{ display:inline-grid; place-items:center; width:44px; height:44px; border-radius:11px; background:var(--uj-brand-halvany); color:var(--uj-brand-sotet); font-size:22px; margin-bottom:10px; }
.uj-svc b{ display:block; font-size:18px; color:var(--uj-szoveg); margin-bottom:6px; }
.uj-svc-txt{ color:#5c6c69; font-size:14.5px; line-height:1.5; }
.uj-brands{ text-align:center; margin-top:22px; padding-top:18px; border-top:1px solid var(--uj-vonal); color:#5c6c69; }
.uj-brands-lbl{ text-transform:uppercase; letter-spacing:.05em; font-size:12.5px; font-weight:700; color:#8a9996; margin-right:8px; }
.uj-brands b{ color:var(--uj-szoveg); font-weight:800; font-size:18px; margin:0 10px; }
.uj-brands-more{ font-size:13.5px; }
@media(max-width:700px){ .uj-svc{ min-width:100%; } .uj-lead-head h2{ font-size:22px; } }
.uj-eyebrow{ text-align:center; color:var(--uj-brand-sotet); font-weight:800; text-transform:uppercase; letter-spacing:.09em; font-size:13px; margin-bottom:10px; }
/* ---- termekoldali lead-gen panel ---- */
.uj-lead-panel{ border:2px solid #cdeae4; background:linear-gradient(180deg,var(--uj-brand-halvany),#fff); border-radius:14px; padding:18px; margin:18px 0; }
.uj-lp-head{ display:flex; gap:12px; align-items:flex-start; margin-bottom:10px; }
.uj-lp-ic{ flex:none; width:40px; height:40px; border-radius:10px; background:var(--uj-brand); color:#fff; display:inline-grid; place-items:center; font-size:20px; }
.uj-lp-head b{ font-size:17px; color:var(--uj-szoveg); display:block; }
.uj-lp-head small{ color:#5c6c69; font-size:13px; display:block; margin-top:2px; line-height:1.4; }
.uj-lp-list{ list-style:none; padding:0; margin:0 0 14px; }
.uj-lp-list li{ position:relative; padding:4px 0 4px 24px; font-size:14px; color:#31413e; }
.uj-lp-list li:before{ content:"\2713"; position:absolute; left:0; color:var(--uj-brand); font-weight:800; }
.uj-lp-btn{ display:block; text-align:center; font-size:15px; }
.uj-lp-phone{ text-align:center; margin-top:10px; font-size:13.5px; color:#5c6c69; }
.uj-lp-phone b{ color:var(--uj-szoveg); font-size:15px; }
/* ---- bizalmi szamok ---- */
.uj-trust{ display:flex; gap:14px; flex-wrap:wrap; margin:22px 0; }
.uj-stat{ flex:1; min-width:130px; text-align:center; background:#fff; border:1px solid var(--uj-vonal); border-radius:var(--uj-radius); padding:18px 12px; box-shadow:var(--uj-arnyek); }
.uj-stat b{ display:block; font-size:26px; font-weight:800; color:var(--uj-brand-sotet); line-height:1; }
.uj-stat span{ display:block; margin-top:6px; font-size:13px; color:#5c6c69; font-weight:600; }
/* ---- okos + youtube ---- */
.uj-value{ display:flex; gap:16px; flex-wrap:wrap; margin:22px 0; }
.uj-vcard{ flex:1; min-width:260px; display:flex; gap:14px; align-items:flex-start; background:#fff; border:1px solid var(--uj-vonal); border-radius:var(--uj-radius); padding:20px; box-shadow:var(--uj-arnyek); }
.uj-vc-ic{ flex:none; width:46px; height:46px; border-radius:11px; display:inline-grid; place-items:center; font-size:22px; }
.uj-vc-mob{ background:var(--uj-brand-halvany); }
.uj-vc-yt{ background:#ffe7e2; }
.uj-vcard b{ display:block; font-size:16px; color:var(--uj-szoveg); margin-bottom:5px; }
.uj-vcard span{ display:block; font-size:13.5px; color:#5c6c69; line-height:1.5; }
.uj-vc-link{ display:inline-block; margin-top:10px; color:#e0342b !important; font-weight:700; font-size:14px; }

/* ==== FEJLEC BANNER (HERO) ==== */
.uj-hero{position:relative;overflow:hidden;border-radius:var(--uj-radius);margin:0 0 14px;border:1px solid var(--uj-vonal);background:linear-gradient(115deg,var(--uj-brand-halvany) 0%,#f4faf9 42%,#fff 100%);}
.uj-hero-in{position:relative;display:flex;align-items:center;gap:24px;padding:38px 44px;min-height:290px;}
.uj-hero-txt{flex:1 1 auto;max-width:640px;}
.uj-hero-eyebrow{color:var(--uj-brand-sotet);font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;}
.uj-hero-h1{color:#16302c;font-weight:700;font-size:38px;line-height:1.15;letter-spacing:-.3px;margin:0;}
.uj-hero-h1 b{color:var(--uj-brand-sotet);font-weight:800;}
.uj-hero-sub{margin-top:14px;color:#51625f;font-size:17px;line-height:1.5;}
.uj-hero-brands{margin-top:16px;color:#16302c;font-weight:700;font-size:13.5px;letter-spacing:.5px;}
.uj-hero-btn{display:inline-block;margin-top:22px;padding:13px 26px;font-size:16px;text-decoration:none;}
.uj-hero-gfx{flex:0 0 auto;padding-right:8px;}
.uj-kp{position:relative;width:178px;height:236px;background:#fff;border:2px solid #d7e8e4;border-radius:22px;box-shadow:0 18px 44px rgba(16,40,37,.12);padding:18px;}
.uj-kp-badge{position:absolute;right:6px;top:-14px;width:48px;height:48px;border-radius:50%;background:var(--uj-cta);color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(242,101,42,.4);}
.uj-kp-scr{height:50px;border-radius:10px;color:#eafffb;font-weight:800;font-size:14px;letter-spacing:2px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--uj-brand),var(--uj-brand-sotet));}
.uj-kp-keys{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.uj-kp-keys i{height:34px;border-radius:8px;background:#eef5f3;display:block;}
@media(max-width:760px){.uj-hero-gfx{display:none;}.uj-hero-in{padding:26px 20px;min-height:auto;}.uj-hero-h1{font-size:27px;}}

/* ==== VILAGOS, MODERN FEJLEC ==== */
:root{ --uj-hatter:#f1f5f4; }
body.cms-index-index, body{ background-color:var(--uj-hatter) !important; }
.header{ background:transparent !important; }
h1.logo img, .logo img{ height:38px !important; width:auto !important; }
.header .header-info, .header .header-info *{ color:var(--uj-szoveg) !important; }
.header .header-info i{ color:var(--uj-brand) !important; }
.header ul.links a{ color:var(--uj-szoveg) !important; }
.header ul.links a:hover{ color:var(--uj-brand-sotet) !important; opacity:1; }
.header ul.links a i, .header ul.links i{ color:var(--uj-brand) !important; }
.header .header-buttons, .header .header-buttons *{ color:var(--uj-szoveg) !important; }
/* Fejlec telefon: kisebb, kompaktabb */
.header-info{ font-size:15px !important; font-weight:600 !important; margin:6px 0 0 !important; }
.header-info span, .header-info a, .header-info strong{ font-size:15px !important; color:var(--uj-szoveg) !important; }
.header-info i{ font-size:17px !important; vertical-align:middle; }
/* ==== Szerviz csali blokk (oldalsav) ==== */
.uj-szerviz-body{ padding:12px 16px; background:#fff; }
.uj-szerviz-body p{ margin:0 0 8px; color:#51625f; font-size:13px; }
.uj-szerviz-body ul{ list-style:none; margin:0; padding:0; }
.uj-szerviz-body li{ border-bottom:1px solid var(--uj-vonal); }
.uj-szerviz-body li:last-child{ border-bottom:0; }
.uj-szerviz-body a{ display:block; padding:9px 0; color:var(--uj-szoveg); font-weight:600; font-size:14px; text-decoration:none; }
.uj-szerviz-body a:hover{ color:var(--uj-brand-sotet); padding-left:4px; transition:.15s; }
.uj-sz-tuz a{ color:var(--uj-cta) !important; }
/* Szerviz blokk fejlec igazitas */
.uj-szerviz{ overflow:hidden; }
.uj-szerviz .block-title{ padding:0 !important; }
.uj-szerviz .block-title h2{ margin:0 !important; padding:13px 16px !important; font-size:16px !important; line-height:1.2 !important; font-weight:700 !important; color:#fff !important; background:transparent !important; }
/* Szerviz blokk - vonzobb kinezet */
.uj-szerviz-body{ padding:14px 0 6px !important; }
.uj-szerviz-body p{ padding:0 16px; margin:0 0 10px; color:#6a7b77; font-size:12px; text-transform:uppercase; letter-spacing:.6px; font-weight:700; }
.uj-szerviz-body li{ border-bottom:1px solid var(--uj-vonal); }
.uj-szerviz-body li:last-child{ border-bottom:0; }
.uj-szerviz-body a{ position:relative; display:block; padding:10px 16px 10px 32px !important; color:var(--uj-szoveg); font-weight:600; font-size:14px; text-decoration:none; transition:.15s; }
.uj-szerviz-body a:before{ content:"\203A"; position:absolute; left:16px; top:9px; color:var(--uj-brand); font-weight:800; font-size:17px; line-height:1; transition:.15s; }
.uj-szerviz-body a:hover{ background:var(--uj-brand-halvany); color:var(--uj-brand-sotet); padding-left:36px !important; }
.uj-szerviz-body a:hover:before{ left:20px; }
.uj-sz-tuz a{ color:var(--uj-cta) !important; font-weight:700 !important; }
.uj-sz-tuz a:before{ color:var(--uj-cta) !important; }
/* ==== Kompaktabb lablec ==== */
.footer .footer-cols-wrapper{ display:flex !important; flex-wrap:wrap; gap:0; }
.footer .footer-col{ width:20% !important; padding:0 14px 6px 0 !important; box-sizing:border-box; float:none !important; }
.footer .footer-col h4, .footer .footer-col h5{ font-size:15px !important; margin:0 0 8px !important; }
.footer .footer-col-content ul{ margin:0 !important; padding:0 !important; }
.footer .footer-col-content li{ margin:0 !important; }
.footer .footer-col-content a, .footer .footer-col-content li a{ display:block; padding:4px 0 !important; font-size:13px !important; line-height:1.35 !important; }
@media(max-width:900px){ .footer .footer-col{ width:33.33% !important; } }
@media(max-width:600px){ .footer .footer-col{ width:50% !important; } }
/* Lablec: egyenlo rugalmas oszlopok, ne torjon */
.footer .footer-col{ flex:1 1 0 !important; width:auto !important; min-width:0 !important; margin:0 !important; }
.footer{ padding-top:22px !important; padding-bottom:6px !important; }
.footer .footer-cols-wrapper{ padding-bottom:4px !important; }
.footer .social-buttons-block{ margin:0 !important; }
/* Lablec: surubb sorkoz */
.footer .footer-col-content{ line-height:1.3 !important; }
.footer .footer-col-content ul li{ margin:0 0 2px !important; padding:0 !important; line-height:1.3 !important; }
.footer .footer-col-content ul li a{ padding:2px 0 !important; margin:0 !important; line-height:1.3 !important; }
.footer .footer-col-content br{ display:none !important; }
/* Lablec: KOVESS MINKET oszlop elrejtese */
.footer .footer-col.last{ display:none !important; }

/* ================= MOBIL JAVITASOK (2026-07-20) ================= */
@media (max-width:600px){
  /* Lablec: oszlopok egymas ala (a 166. sori flex:1 1 0 felulirasa) */
  .footer .footer-cols-wrapper{ display:block !important; }
  .footer .footer-col{ flex:0 0 100% !important; width:100% !important; min-width:100% !important; margin:0 !important; }
  /* Hero markasor: torjon tobb sorba, ne csusszon ki */
  .uj-brands{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; align-items:center !important; }
  .uj-brands-lbl, .uj-brands-more{ flex-basis:100% !important; margin-right:0 !important; }
  .uj-brands b{ font-size:15px !important; margin:2px 7px !important; }
}

/* Gyarto markanevek nagybetuvel (lead-gen sav) */
.uj-brands b{ text-transform:uppercase !important; }

/* Fel-nyil gomb elrejtese amikor a lablec latszik (ne takarjon) */
#back-top.near-footer{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }

/* ===== FINOMHANGOLAS (2026-07-20): mobil sav + lagyabb szoveg + copyright ===== */
/* 1) Mobil felso sav (hamburger/kereso/kosar): sotet -> markaszin, feher ikonok */
.swipe, .top-icon-menu{ background-color: var(--uj-brand) !important; }
.top-icon-menu > div{ border-right-color: rgba(255,255,255,.18) !important; }
.top-icon-menu .top-search{ border-left-color: rgba(255,255,255,.18) !important; }
/* 2) Lagyabb, nem teljes fekete szoveg (olvashato marad) */
:root{ --uj-szoveg:#34423e; }
.uj-hero-h1{ color:#2c3a36 !important; }
.uj-hero-brands{ color:#3b4945 !important; }
/* 3) Copyright: feher a zold lablecen (mint a tobbi) */
.footer address, .footer address *{ color:#ffffff !important; opacity:1 !important; }

/* ===== FELSO SAV: feher alap + turkiz ikonok (2026-07-20, felulirja a turkiz savot) ===== */
.top-icon-menu{ background-color:#ffffff !important; color:var(--uj-brand) !important; box-shadow:inset 0 -1px 0 var(--uj-vonal) !important; }
.top-icon-menu .fa{ color:var(--uj-brand) !important; }
.top-icon-menu > div{ border-right-color:var(--uj-vonal) !important; }
.top-icon-menu .top-search{ border-left-color:var(--uj-vonal) !important; }
@media (max-width:767px){
  .block-cart-icon, .block-cart-icon::before, #ajaxscicon .fa, .block-cart-header::before{ color:var(--uj-brand) !important; }
  #ajaxscicon .summary-top, .block-cart-header .summary-top{ color:var(--uj-szoveg) !important; }
}

/* ===== Narancs CTA gombok: fuggoleges+vizszintes kozepre, rendes belso terkoz (2026-07-20) ===== */
.uj-cta-btn, .uj-hero-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:14px 26px !important; line-height:1.2 !important; height:auto !important; min-height:0 !important; text-align:center !important; vertical-align:middle !important; }