/*
Theme Name: CyberCare Child
Theme URI: https://cybercare.co.th
Description: Child theme of Hello Elementor. Standardizes the header, footer, typography and language toggle across all theme pages to match the CyberCare homepage design.
Author: CyberCare
Template: hello-elementor
Version: 1.0
*/

:root{--cc-blue:#064F9C;--cc-blue-d:#053f7d;--cc-dark:#123a6e;--cc-yellow:#FBFA4B;--cc-green:#06C755;--cc-bg:#ecf3fc;--cc-line:#e5e7eb}

body{font-family:'Montserrat','Noto Sans Thai',system-ui,-apple-system,sans-serif;color:#1f2937}
h1,h2,h3,h4,h5{font-family:'Montserrat','Noto Sans Thai',sans-serif;color:var(--cc-dark)}
a{color:var(--cc-blue)}

/* hide GTranslate floating popup site-wide */
.gtranslate_wrapper{display:none!important}

/* ===== HEADER ===== */
.cc-header{background:#fff;border-bottom:1px solid var(--cc-line);position:sticky;top:0;z-index:9999}
.cc-header-inner{max-width:1200px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cc-logo img{height:46px;width:auto;display:block}
.cc-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;flex-wrap:wrap;align-items:center}
.cc-nav li{position:relative}
.cc-nav a{color:var(--cc-dark);text-decoration:none;font-weight:600;font-size:15px}
.cc-nav a:hover{color:var(--cc-blue)}
.cc-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--cc-line);border-radius:10px;padding:8px;min-width:210px;box-shadow:0 12px 30px rgba(6,79,156,.12);z-index:10000}
.cc-nav li:hover>.sub-menu{display:block}
.cc-nav .sub-menu li{width:100%}
.cc-nav .sub-menu a{display:block;padding:8px 12px;font-weight:500;font-size:14px;border-radius:7px}
.cc-nav .sub-menu a:hover{background:#f1f5fb}
.cc-actions{display:flex;align-items:center;gap:14px}
.cc-lang a{cursor:pointer;font-weight:700;font-size:14px;color:var(--cc-dark);padding:4px 9px;border-radius:6px;text-decoration:none}
.cc-lang a:hover{background:#eef2f7}
.cc-line{background:var(--cc-green);color:#fff!important;padding:9px 17px;border-radius:10px;font-weight:700;text-decoration:none;font-size:14px;white-space:nowrap}

/* ===== CONTENT ===== */
.site-main{max-width:1040px;margin:0 auto;padding:34px 22px}
.site-main .entry-title,.site-main h1{color:var(--cc-dark)}
.site-main a{color:var(--cc-blue)}

/* ===== FOOTER ===== */
.cc-footer{background:var(--cc-dark);color:#cbd5e1;padding:46px 22px 22px;margin-top:44px;font-size:14px}
.cc-footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:34px;justify-content:space-between}
.cc-footer img{height:52px;background:#fff;padding:7px 11px;border-radius:8px}
.cc-fcol{min-width:150px}
.cc-fcol h4{color:#fff;margin:0 0 12px;font-size:15px}
.cc-fcol a{display:block;color:#cbd5e1;text-decoration:none;padding:4px 0}
.cc-fcol a:hover{color:#fff}
.cc-fdesc{max-width:290px;line-height:1.7;color:#aab6c6;margin:12px 0 0}
.cc-copy{text-align:center;color:#93a3b8;font-size:13px;margin-top:28px;border-top:1px solid rgba(255,255,255,.1);padding-top:18px}
.cc-copy a{color:#fff;text-decoration:none}

@media(max-width:820px){.cc-nav{width:100%;order:3}.cc-nav ul{gap:14px}}