/*
Theme Name: TOOCO Electronics v5.3
Theme URI: https://tooco.co
Author: TOOCO
Description: Custom static corporate theme for TOOCO Electronics.
Version: 5.3.0
Text Domain: tooco
*/
:root{--ink:#070707;--orange:#ff9d00;--yellow:#ffc21a;--cream:#faf6ef;--line:#ded8cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1320px,calc(100% - 80px));margin:auto}.topline{height:42px;padding:0 4%;background:#050505;color:#fff;display:flex;align-items:center;justify-content:center;gap:40px;font-size:13px}.topline span:first-child{color:#eee}.topline span:first-child::first-letter{color:var(--orange)}.header{height:104px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.header img{width:210px;height:auto}.header nav{display:flex;gap:54px;font-weight:600}.header nav a{padding:12px 0;border-bottom:2px solid transparent}.header nav a:hover{border-color:var(--orange)}.header-cta{justify-self:end}.button{height:52px;padding:0 28px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:36px;font-weight:700;border:1px solid var(--ink);transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--yellow),var(--orange));border:0}.secondary{background:transparent}.hero{min-height:595px;display:grid;grid-template-columns:45% 55%;align-items:center}.hero-copy{padding:45px 0}.eyebrow{font-size:13px;letter-spacing:.22em;font-weight:700}.eyebrow b{color:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:76px;line-height:1.02;letter-spacing:-.055em;margin:28px 0}.hero h1 em{color:var(--orange);font-style:normal;position:relative}.hero h1 em:after{content:'';position:absolute;left:0;right:0;height:6px;background:var(--orange);bottom:-9px;border-radius:50%;transform:rotate(-2deg)}.lead{max-width:540px;font-size:18px;line-height:1.55}.actions{display:flex;gap:20px;margin:32px 0}.capabilities{display:flex;align-items:center;gap:20px;font-size:15px}.capabilities i{width:5px;height:5px;background:var(--orange);border-radius:50%}.hero-visual{height:550px;position:relative;overflow:hidden}.arc{position:absolute;border-radius:50%;border-style:solid;border-color:rgba(255,157,0,.18)}.arc-a{width:560px;height:560px;border-width:90px;right:-55px;top:15px}.arc-b{width:400px;height:400px;border-width:70px;border-color:rgba(255,157,0,.55);right:-120px;top:100px}.product{position:absolute;width:310px;height:310px;object-fit:cover;border-radius:50%;mix-blend-mode:multiply;filter:drop-shadow(0 25px 20px rgba(73,41,7,.18))}.p-action{right:130px;top:10px}.p-dash{left:40px;top:225px}.p-gps{right:5px;top:285px;width:260px;height:260px}.product-strip{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffaf4}.product-strip a{min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-right:1px solid var(--line);font-size:15px}.product-strip span{font-size:30px;color:var(--orange)}.intro{padding:110px 0}.intro>h2,.page-hero h1{font-size:58px;line-height:1.05;letter-spacing:-.04em;max-width:820px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:65px}.three article{border-top:2px solid var(--ink);padding-top:25px}.three article>b{color:var(--orange)}.three h3{font-size:27px;margin:25px 0 12px}.three p,.about-grid p,.product-card>p,.page-hero>p{font-size:17px;line-height:1.65;color:#4d4a45}footer{background:#080808;color:white;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:50px}.footer-grid img{background:white;padding:8px;border-radius:10px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.footer-grid p,.footer-grid span{color:#aaa;line-height:1.6}.footer-mail{color:var(--yellow);font-size:22px}.legal{border-top:1px solid #333;margin-top:55px;padding-top:22px;color:#777;font-size:13px}.page-hero{padding:100px 0 110px;border-top:1px solid var(--line)}.page-hero h1{margin:24px 0}.page-hero>p{max-width:720px;font-size:20px}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:110px;padding:100px 0}.big-number{font-size:150px;font-weight:800;color:var(--orange);line-height:.75}.big-number span{display:block;font-size:18px;line-height:1.3;color:var(--ink);margin:35px 0}.about-grid h2{font-size:43px}.values{background:#fff1dd;padding:75px 0 100px}.values .three{margin-top:0}.values article>b{font-size:27px;color:var(--ink)}.catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 32px;padding-bottom:120px}.card-media{height:430px;background:#f1dfca;border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:27px;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;transition:.3s}.product-card:hover img{transform:scale(1.025)}.placeholder{font-size:110px;color:var(--orange)}.product-card h2{font-size:34px}.product-card>a{font-weight:700;border-bottom:2px solid var(--orange);padding-bottom:5px}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:120px;padding-bottom:120px}.contact>div>a{font-size:36px;font-weight:800;border-bottom:4px solid var(--orange)}.location{display:flex;flex-direction:column;gap:8px;margin-top:50px}.location span{color:#777}form{display:grid;gap:24px}label{display:grid;gap:9px;font-size:13px;font-weight:700;letter-spacing:.08em}input,textarea{width:100%;border:0;border-bottom:1px solid #aaa;background:transparent;padding:13px 3px;font:inherit;outline:none}textarea{border:1px solid #aaa;border-radius:10px;padding:15px}form button{justify-self:start}
@media(max-width:900px){.shell{width:min(100% - 36px,720px)}.topline span:last-child,.header-cta{display:none}.header{height:88px;grid-template-columns:auto 1fr}.header img{width:150px}.header nav{justify-self:end;gap:18px;font-size:13px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 0 15px}.hero h1{font-size:52px}.hero-visual{height:420px}.p-action{right:80px}.p-dash{left:-25px;top:170px}.p-gps{right:-30px;top:220px}.product-strip{grid-template-columns:repeat(3,1fr)}.product-strip a{min-height:105px}.three,.footer-grid,.catalog,.about-grid,.contact{grid-template-columns:1fr}.intro>h2,.page-hero h1{font-size:43px}.about-grid,.contact{gap:45px}.footer-grid{gap:35px}.page-hero{padding:65px 0}.card-media{height:340px}}
@media(max-width:560px){.topline{font-size:10px}.header{height:auto;padding:18px 0;display:flex;flex-wrap:wrap;gap:14px}.header nav{width:100%;justify-content:space-between;gap:8px}.hero h1{font-size:44px}.actions{flex-direction:column;align-items:stretch}.button{width:100%}.capabilities{font-size:12px;gap:9px}.product{width:220px;height:220px}.p-action{right:35px}.p-dash{top:150px}.p-gps{width:180px;height:180px;top:230px}.product-strip{grid-template-columns:repeat(2,1fr)}.intro{padding:70px 0}.three{margin-top:40px}.page-hero h1,.intro>h2{font-size:37px}.catalog{gap:45px}.contact>div>a{font-size:25px}}
html,body{overflow-x:hidden}.header img{width:145px;height:96px;object-fit:contain;display:block}.footer-grid img{width:150px;height:145px;object-fit:contain;background:white;padding:8px;border-radius:10px}
html,body{overflow-x:hidden}.footer-grid .footer-logo{width:150px;height:145px;object-fit:contain;background:#fff;padding:10px;border-radius:18px}.footer-site{color:#fff;font-size:17px}.account{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-bottom:120px}.account>div{border-top:2px solid var(--ink);padding-top:28px;display:grid;gap:22px;align-content:start}.account h2{font-size:38px;margin:0}.account .button{justify-self:start}.account a{font-weight:700;text-decoration:underline}@media(max-width:700px){.account{grid-template-columns:1fr;gap:60px}}
.header nav ul,.header nav .tooco-primary-menu{display:flex!important;flex-direction:row!important;align-items:center;gap:54px;list-style:none!important;margin:0!important;padding:0!important}.header nav ul li,.header nav .tooco-primary-menu li{display:block;margin:0!important;padding:0!important;list-style:none!important}.header nav ul li::before,.header nav ul li::marker{content:none!important;display:none!important}.header nav ul a,.header nav .tooco-primary-menu a{display:block;padding:12px 0;border-bottom:2px solid transparent;font-weight:600;white-space:nowrap}.header nav ul a:hover,.header nav ul .current-menu-item>a{border-color:var(--orange)}@media(max-width:900px){.header nav ul,.header nav .tooco-primary-menu{gap:18px}}@media(max-width:560px){.header nav ul,.header nav .tooco-primary-menu{width:100%;justify-content:space-between;gap:8px;font-size:13px;flex-wrap:wrap}}

/* TOOCO v5.1 — expanded global footer */
.site-footer{background:#171717;color:#fff;padding:74px 0 30px}.footer-mega-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr 1.05fr 1.35fr;gap:46px}.footer-column{display:flex;flex-direction:column;align-items:flex-start}.footer-column h2{color:#fff;font-size:16px;line-height:1.25;text-transform:uppercase;margin:0 0 25px}.footer-column>a{color:#999;font-size:15px;line-height:1.45;margin-bottom:15px;transition:color .2s}.footer-column>a:hover{color:var(--yellow)}.footer-socials{display:flex;gap:11px;margin-bottom:28px}.footer-socials a{width:34px;height:34px;border-radius:50%;background:#d7d7d7;color:#171717;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.footer-service,.footer-newsletter{width:100%;border-top:1px solid #3c3c3c;padding-top:25px;margin-top:2px}.footer-service h3,.footer-newsletter h3{font-size:17px;line-height:1.35;margin:0 0 18px}.footer-contact-line{display:block!important;color:#fff!important;font-size:15px!important;font-weight:700;margin-bottom:25px!important}.footer-contact-line span{color:var(--yellow)}.footer-newsletter{margin-top:0}.footer-email-box{width:100%;min-height:52px;border:1px solid #6e6e6e;border-radius:12px;padding:0 16px;display:flex!important;align-items:center;justify-content:space-between;color:#ddd!important;margin:0!important}.footer-email-box strong{font-size:22px;color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #3c3c3c;margin-top:52px;padding-top:27px}.footer-bottom .footer-logo{width:130px;height:122px;object-fit:contain;background:#fff;padding:8px;border-radius:18px}.footer-bottom>div{text-align:right}.footer-bottom p{color:#fff;margin:0 0 7px;font-size:14px}.footer-bottom span{color:#818181;font-size:13px}@media(max-width:1100px){.footer-mega-grid{grid-template-columns:repeat(3,1fr)}.footer-connect{grid-column:span 2}}@media(max-width:700px){.footer-mega-grid{grid-template-columns:1fr 1fr;gap:38px 25px}.footer-connect{grid-column:1/-1}.footer-bottom{align-items:flex-start}.footer-bottom>div{text-align:right}}@media(max-width:560px){.footer-mega-grid{grid-template-columns:1fr}.footer-connect{grid-column:auto}.footer-bottom{flex-direction:column}.footer-bottom>div{text-align:left}}

/* TOOCO v5.2 — WPML language selector */
.header-tools{justify-self:end;display:flex;align-items:center;gap:15px}.language-switcher{position:relative}.language-switcher summary{height:46px;min-width:74px;padding:0 12px;border:1px solid #cfc8bd;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:13px;font-weight:800;list-style:none;background:#fff}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher summary img,.language-switcher li img{width:20px;height:14px;object-fit:cover;border-radius:2px}.language-switcher summary i{font-style:normal;font-size:14px}.language-switcher ul{position:absolute!important;z-index:1000;top:calc(100% + 8px);right:0;min-width:175px;margin:0!important;padding:8px!important;border:1px solid #ddd5ca;border-radius:12px;background:#fff;box-shadow:0 14px 35px rgba(0,0,0,.14);list-style:none!important}.language-switcher li{margin:0!important;padding:0!important;list-style:none!important}.language-switcher li::marker{content:none}.language-switcher li a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;font-size:14px;white-space:nowrap}.language-switcher li a:hover,.language-switcher li.is-active a{background:#fff1d8}.language-switcher li.is-active a{font-weight:700}@media(max-width:900px){.header-tools{gap:0}.language-switcher summary{height:42px}.header-cta{display:none!important}}@media(max-width:560px){.header-tools{position:absolute;right:18px;top:20px}.language-switcher summary{min-width:68px}}

/* TOOCO v5.3 — WordPress-managed footer menus */
.footer-menu{width:100%;margin:0!important;padding:0!important;list-style:none!important}.footer-menu li{margin:0 0 15px!important;padding:0!important;list-style:none!important}.footer-menu li::marker{content:none}.footer-menu a{color:#999;font-size:15px;line-height:1.45;transition:color .2s}.footer-menu a:hover,.footer-menu .current-menu-item>a{color:var(--yellow)}.footer-socials{width:auto;display:flex!important;gap:11px;margin:0 0 28px!important}.footer-socials li{margin:0!important}.footer-socials a{width:34px;height:34px;border-radius:50%;background:#d7d7d7;color:#171717!important;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.footer-socials a:hover{background:var(--yellow)}
