/*
Theme Name: HD Company Modern
Theme URI: https://hdcompany.info/
Author: HD Company
Description: Giao diện WordPress tùy chỉnh cho HD Company, sử dụng nhận diện màu cam, đỏ, xanh lá và xanh dương từ logo.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hd-company-modern
*/
:root{
      --ink:#102744;
      --ink-2:#1a3554;
      --muted:#66778a;
      --paper:#ffffff;
      --soft:#f5f8fb;
      --line:#dde6ee;
      --orange:#f39a3d;
      --red:#e83324;
      --green:#238744;
      --teal:#218c8a;
      --blue:#1d70b7;
      --purple:#51366f;
      --gradient:linear-gradient(96deg,var(--orange) 0%,var(--red) 28%,var(--green) 58%,var(--blue) 100%);
      --shadow:0 24px 70px rgba(16,39,68,.12);
      --shadow-sm:0 12px 35px rgba(16,39,68,.09);
      --radius:24px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased}
    img,svg{display:block;max-width:100%}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
    .brand-gradient{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
    .brand-line{height:4px;background:var(--gradient)}

    .utility{background:#0a2039;color:#dfeaf4;font-size:13px}
    .utility-inner{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .utility-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
    .utility a{color:#fff;font-weight:750}
    .dot{width:5px;height:5px;border-radius:99px;background:#64b5eb;display:inline-block;margin-right:7px;vertical-align:2px}

    header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(150%) blur(16px);border-bottom:1px solid rgba(221,230,238,.85)}
    .nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}
    .logo-wrap{flex:0 0 auto;display:flex;align-items:center}
    .logo-wrap img{width:210px;height:auto;border-radius:4px}
    .menu{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:750;color:#31465d}
    .menu a{position:relative;padding:29px 0 27px}
    .menu a:after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;border-radius:99px;background:var(--gradient);transition:.22s}
    .menu a:hover:after{right:0}
    .nav-actions{display:flex;align-items:center;gap:11px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:13px;padding:13px 19px;font-size:14px;font-weight:800;line-height:1.15;transition:transform .2s,box-shadow .2s,background .2s}
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{color:#fff;background:var(--gradient);box-shadow:0 12px 26px rgba(29,112,183,.2)}
    .btn-secondary{background:#fff;border-color:#cdd9e3;color:var(--ink)}
    .btn-dark{background:var(--ink);color:#fff}
    .menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer}
    .menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:20px;height:2px;margin:4px auto;background:currentColor;border-radius:99px}

    .hero{position:relative;overflow:hidden;padding:88px 0 82px;background:
      radial-gradient(circle at 76% 24%,rgba(29,112,183,.14),transparent 28%),
      radial-gradient(circle at 50% 92%,rgba(35,135,68,.08),transparent 24%),
      linear-gradient(135deg,#fff 0%,#fbfdff 52%,#f0f7fc 100%)}
    .hero:before{content:"";position:absolute;inset:auto -90px -180px auto;width:430px;height:430px;border-radius:50%;border:55px solid rgba(29,112,183,.06)}
    .hero-grid{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:62px}
    .kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #d7e4ec;border-radius:999px;background:rgba(255,255,255,.84);font-size:12px;font-weight:850;letter-spacing:.75px;text-transform:uppercase;color:#33506b}
    .kicker i{width:9px;height:9px;border-radius:99px;background:var(--gradient)}
    h1,h2,h3,p{overflow-wrap:anywhere}
    h1{margin:20px 0 20px;font-size:clamp(43px,5.5vw,72px);line-height:1.06;letter-spacing:-2.2px;color:var(--ink)}
    .hero-lead{max-width:690px;margin:0 0 29px;color:#52657a;font-size:18px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero-proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:29px;padding-top:25px;border-top:1px solid #dce6ee}
    .proof{display:flex;align-items:center;gap:10px;color:#4f6277;font-size:13px;font-weight:650}
    .proof-icon{width:34px;height:34px;border-radius:11px;background:#fff;box-shadow:0 7px 18px rgba(16,39,68,.09);display:grid;place-items:center;color:var(--blue);font-weight:900}

    .hero-visual{position:relative;min-height:530px;display:grid;place-items:center}
    .orbit{position:absolute;inset:0;margin:auto;width:490px;height:490px;border-radius:50%;background:conic-gradient(from 210deg,var(--orange),var(--red),var(--green),var(--blue),var(--purple),var(--orange));padding:18px;box-shadow:var(--shadow)}
    .orbit:after{content:"";position:absolute;inset:18px;border-radius:50%;background:linear-gradient(145deg,#fafdff,#edf6fb 70%,#fff)}
    .journey-card{position:relative;z-index:3;width:min(410px,88%);border:1px solid rgba(207,221,232,.95);border-radius:27px;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);padding:30px;box-shadow:0 20px 60px rgba(16,39,68,.18)}
    .route{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;font-weight:900;letter-spacing:.8px;color:#62788d}
    .route-line{height:1px;flex:1;background:linear-gradient(90deg,var(--orange),var(--green),var(--blue));position:relative}
    .route-line:after{content:"";position:absolute;right:0;top:-3px;border-left:7px solid var(--blue);border-top:3px solid transparent;border-bottom:3px solid transparent}
    .journey-card h3{font-size:29px;line-height:1.15;letter-spacing:-.6px;margin:22px 0 12px}
    .journey-card p{margin:0;color:#637589;font-size:14px}
    .mini-services{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
    .mini-services span{padding:8px 10px;border-radius:999px;background:#f0f5f8;color:#35516a;font-size:11px;font-weight:800}
    .passport{position:absolute;z-index:4;right:1%;bottom:3%;width:168px;border-radius:19px;padding:21px;background:linear-gradient(145deg,#0d3154,#176da7);color:#fff;box-shadow:0 22px 45px rgba(13,49,84,.26);transform:rotate(5deg)}
    .passport strong{display:block;font-size:14px;letter-spacing:1.3px;text-transform:uppercase}
    .passport .globe{width:58px;height:58px;border:2px solid rgba(255,255,255,.8);border-radius:50%;margin:24px auto 19px;position:relative}
    .passport .globe:before,.passport .globe:after{content:"";position:absolute;inset:10px 0;border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.7)}
    .passport .globe:after{inset:0 18px;border:0;border-left:1px solid rgba(255,255,255,.7);border-right:1px solid rgba(255,255,255,.7)}
    .passport small{display:block;text-align:center;color:#dcecf6}
    .stamp{position:absolute;z-index:5;left:0;top:10%;width:128px;height:128px;border-radius:50%;background:rgba(255,255,255,.93);box-shadow:var(--shadow-sm);display:grid;place-items:center;text-align:center;border:1px dashed #9bb5ca;transform:rotate(-9deg);font-size:12px;font-weight:900;letter-spacing:.6px;color:var(--green)}

    .quickbar{position:relative;margin-top:-36px;z-index:8}
    .quickbar-inner{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow-sm);overflow:hidden}
    .quick-link{display:flex;align-items:center;gap:13px;padding:20px 22px;border-right:1px solid var(--line);transition:.2s}
    .quick-link:last-child{border-right:0}
    .quick-link:hover{background:#f8fbfd}
    .quick-mark{width:12px;height:42px;border-radius:99px;background:var(--orange)}
    .quick-link:nth-child(2) .quick-mark{background:var(--red)}
    .quick-link:nth-child(3) .quick-mark{background:var(--green)}
    .quick-link:nth-child(4) .quick-mark{background:var(--blue)}
    .quick-link strong{display:block;font-size:14px}
    .quick-link small{display:block;color:#728397;font-size:11px;margin-top:2px}

    section{padding:60px 0}
    .section-head{max-width:1000px;margin:0 auto 44px;text-align:center}
    .section-label{font-size:16px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--red)}
    .section-head h2{margin:10px 0 13px;font-size:clamp(33px,4.2vw,48px);line-height:1.14;letter-spacing:-1.2px}
    .section-head p{margin:0;color:var(--muted);font-size:17px}

    .services{background:#fff}
    .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .service-card{position:relative;overflow:hidden;min-height:284px;border:1px solid var(--line);border-radius:22px;padding:27px;background:#fff;transition:.25s}
    .service-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:var(--tone,var(--gradient))}
    .service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:#cbd9e4}
    .service-icon{width:53px;height:53px;border-radius:16px;background:var(--tint,#fff1e6);display:grid;place-items:center;color:var(--accent,var(--orange));margin-bottom:20px}
    .service-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .service-card h3{margin:0 0 9px;font-size:20px;letter-spacing:-.3px}
    .service-card p{margin:0 0 17px;color:var(--muted);font-size:14px}
    .service-card a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:850;color:var(--accent,var(--orange))}
    .service-card.orange{--tone:linear-gradient(90deg,#f6aa53,#e84a24);--tint:#fff0e5;--accent:#e45a25}
    .service-card.red{--tone:linear-gradient(90deg,#ef6c47,#d92329);--tint:#fff0ef;--accent:#d73a31}
    .service-card.green{--tone:linear-gradient(90deg,#71b946,#238744);--tint:#edf8ee;--accent:#268442}
    .service-card.blue{--tone:linear-gradient(90deg,#59aee5,#1d70b7);--tint:#edf6fc;--accent:#1f72b3}
    .service-card.purple{--tone:linear-gradient(90deg,#9363ad,#51366f);--tint:#f5eef8;--accent:#6b4684}
    .service-card.teal{--tone:linear-gradient(90deg,#4db5aa,#218c8a);--tint:#edf9f7;--accent:#258d87}

    .legacy-services{padding-top:0}
    .legacy-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .legacy-card{position:relative;overflow:hidden;border-radius:25px;padding:34px;min-height:275px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow-sm)}
    .legacy-card.finance{background:linear-gradient(135deg,#172f4d 0%,#1d70b7 100%)}
    .legacy-card.houston{background:linear-gradient(135deg,#1a4a31 0%,#238744 55%,#f39a3d 145%)}
    .legacy-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:40px solid rgba(255,255,255,.08);right:-70px;top:-80px}
    .legacy-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.08);right:55px;top:38px}
    .legacy-card h3,.legacy-card p,.legacy-card a{position:relative;z-index:2}
    .legacy-card h3{font-size:27px;margin:0 0 9px;letter-spacing:-.5px}
    .legacy-card p{margin:0 0 18px;color:rgba(255,255,255,.82);max-width:480px}
    .legacy-card a{font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px}
    .legal-note{margin-top:14px;color:#75879a;font-size:12px;text-align:center}

    .about{background:linear-gradient(180deg,#f6f9fb 0%,#fff 100%)}
    .about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}
    .story-visual{position:relative;min-height:500px;border-radius:30px;background:
      linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,0)),
      linear-gradient(145deg,#132f4f 0%,#1b689d 47%,#2d8a52 100%);overflow:hidden;box-shadow:var(--shadow)}
    .story-visual:before{content:"";position:absolute;inset:-120px auto auto -110px;width:390px;height:390px;border-radius:50%;border:70px solid rgba(243,154,61,.34)}
    .story-visual:after{content:"";position:absolute;right:-100px;bottom:-100px;width:320px;height:320px;border-radius:50%;border:55px solid rgba(255,255,255,.1)}
    .story-copy{position:absolute;inset:auto 34px 34px;z-index:2;color:#fff}
    .story-copy small{font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#ffd7b5}
    .story-copy h3{font-size:38px;line-height:1.15;margin:12px 0 12px;letter-spacing:-1px}
    .story-copy p{margin:0;color:rgba(255,255,255,.8)}
    .about-copy h2{font-size:clamp(34px,4vw,49px);line-height:1.15;letter-spacing:-1.2px;margin:12px 0 19px}
    .about-copy>p{color:var(--muted);font-size:16px;margin:0 0 27px}
    .feature-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    .feature{display:flex;gap:12px;padding:17px;border:1px solid var(--line);border-radius:17px;background:#fff}
    .feature-check{flex:0 0 34px;height:34px;border-radius:11px;background:#eef7fb;color:var(--blue);display:grid;place-items:center;font-weight:950}
    .feature h3{font-size:15px;margin:0 0 3px}
    .feature p{font-size:12px;color:#718195;margin:0}

    .process{padding-top:30px}
	.legacy-services{padding-bottom:30px}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
    .step{position:relative;padding:30px 26px;border-right:1px solid var(--line)}
    .step:last-child{border-right:0}
    .step-number{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;margin-bottom:19px;background:var(--orange)}
    .step:nth-child(2) .step-number{background:var(--red)}
    .step:nth-child(3) .step-number{background:var(--green)}
    .step:nth-child(4) .step-number{background:var(--blue)}
    .step h3{font-size:17px;margin:0 0 7px}
    .step p{font-size:13px;color:var(--muted);margin:0}

    .contact{background:#f4f8fb;padding:60px 0 70px}
    .contact-shell{position:relative;overflow:hidden;display:grid;grid-template-columns:1.02fr .98fr;border-radius:30px;background:#0d2744;color:#fff;box-shadow:var(--shadow)}
    .contact-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 10%,rgba(29,112,183,.45),transparent 30%),radial-gradient(circle at 12% 92%,rgba(35,135,68,.28),transparent 28%);pointer-events:none}
    .contact-copy,.contact-panel{position:relative;z-index:2;padding:50px}
    .contact-copy h2{font-size:clamp(35px,4.5vw,54px);line-height:1.1;letter-spacing:-1.4px;margin:10px 0 18px}
    .contact-copy p{color:#c8d7e4;margin:0 0 28px;max-width:570px}
    .contact-points{display:grid;gap:12px}
    .contact-point{display:flex;align-items:center;gap:12px;color:#e9f1f7;font-size:14px}
    .contact-point b{color:#fff}
    .contact-point .bubble{width:35px;height:35px;border-radius:12px;background:rgba(255,255,255,.1);display:grid;place-items:center}
    .contact-panel{background:rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.12)}
    .contact-panel h3{font-size:24px;margin:0 0 6px}
    .contact-panel>p{color:#c8d7e4;margin:0 0 23px;font-size:14px}
    .contact-buttons{display:grid;gap:12px}
    .contact-button{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;border-radius:16px;background:#fff;color:var(--ink);transition:.2s}
    .contact-button:hover{transform:translateY(-2px)}
    .contact-button small{display:block;color:#77899b;font-size:11px}
    .contact-button strong{display:block;font-size:16px}
    .contact-button .arrow{width:35px;height:35px;border-radius:12px;background:#edf4f8;display:grid;place-items:center;font-weight:900}
    .contact-button.zalo .arrow{color:var(--blue)}
    .contact-button.call .arrow{color:var(--green)}

    .faq-wrap{padding:76px 0 88px}
    .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
    .faq-intro h2{font-size:39px;line-height:1.15;letter-spacing:-1px;margin:10px 0 15px}
    .faq-intro p{color:var(--muted);margin:0}
    details{border-bottom:1px solid var(--line);padding:19px 0}
    details:first-child{padding-top:0}
    summary{list-style:none;cursor:pointer;font-size:16px;font-weight:850;position:relative;padding-right:36px}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";position:absolute;right:0;top:-4px;width:30px;height:30px;border-radius:10px;background:#eef4f7;display:grid;place-items:center;font-size:20px}
    details[open] summary:after{content:"–"}
    details p{margin:12px 36px 0 0;color:var(--muted);font-size:14px}

    footer{background:#081c33;color:#c9d7e2;padding:45px 0 22px}
    .footer-top{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:45px;align-items:start}
    .footer-logo{display:inline-flex;background:#fff;padding:9px 12px;border-radius:12px}
    .footer-logo img{width:205px}
    footer h4{margin:0 0 13px;color:#fff;font-size:14px}
    footer p,footer a{font-size:13px;color:#aebfcc}
    footer a{display:block;margin:8px 0}
    footer a:hover{color:#fff}
    .footer-desc{max-width:500px;margin:17px 0 0}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:11px;color:#8fa4b5}
    .disclaimer{max-width:830px}

    .mobile-contact{display:none}

    @media (max-width:1040px){
      .menu{display:none}
      .menu-toggle{display:block}
      .nav-actions>.btn{display:none}
      .menu.open{display:flex;position:absolute;top:82px;left:20px;right:20px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow-sm)}
      .menu.open a{padding:13px 12px;border-radius:10px}
      .menu.open a:hover{background:#f4f8fb}
      .menu.open a:after{display:none}
      .hero-grid{grid-template-columns:1fr;gap:42px}
      .hero-copy{max-width:760px}
      .hero-visual{min-height:500px}
      .quickbar-inner{grid-template-columns:1fr 1fr}
      .quick-link:nth-child(2){border-right:0}
      .quick-link:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .service-grid{grid-template-columns:1fr 1fr}
      .about-grid{grid-template-columns:1fr;gap:38px}
      .story-visual{min-height:430px}
      .steps{grid-template-columns:1fr 1fr}
      .step:nth-child(2){border-right:0}
      .step:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .contact-shell{grid-template-columns:1fr}
      .contact-panel{border-left:0;border-top:1px solid rgba(255,255,255,.12)}
    }

    @media (max-width:720px){
      .container{width:min(100% - 28px,1180px)}
      .utility-inner{padding:9px 0;align-items:flex-start;flex-direction:column;gap:4px}
      .utility-links{gap:10px 14px}
      .nav{height:74px}
      .logo-wrap img{width:174px}
      .menu.open{top:74px;left:14px;right:14px}
      .hero{padding:61px 0 74px}
      h1{font-size:44px;letter-spacing:-1.5px}
      .hero-lead{font-size:16px}
      .hero-actions{display:grid}
      .btn{width:100%}
      .hero-proof{gap:14px}
      .proof{width:100%}
      .hero-visual{min-height:410px}
      .orbit{width:350px;height:350px;padding:13px}
      .orbit:after{inset:13px}
      .journey-card{width:84%;padding:22px}
      .journey-card h3{font-size:23px}
      .passport{width:133px;padding:16px;right:0;bottom:0}
      .passport .globe{width:43px;height:43px;margin:15px auto}
      .stamp{width:94px;height:94px;font-size:9px;left:0;top:4%}
      .quickbar{margin-top:-25px}
      .quickbar-inner{grid-template-columns:1fr}
      .quick-link{border-right:0;border-bottom:1px solid var(--line)!important}
      .quick-link:last-child{border-bottom:0!important}
      section{padding:70px 0}
      .section-head{margin-bottom:31px}
      .section-head p{font-size:15px}
      .service-grid,.legacy-wrap{grid-template-columns:1fr}
      .service-card{min-height:0}
      .legacy-card{min-height:245px;padding:28px}
      .feature-list{grid-template-columns:1fr}
      .story-visual{min-height:390px}
      .story-copy{inset:auto 25px 25px}
      .story-copy h3{font-size:30px}
      .steps{grid-template-columns:1fr}
      .step{border-right:0;border-bottom:1px solid var(--line)!important}
      .step:last-child{border-bottom:0!important}
      .contact{padding-top:70px}
      .contact-copy,.contact-panel{padding:31px 24px}
      .faq-grid{grid-template-columns:1fr;gap:30px}
      .footer-top{grid-template-columns:1fr;gap:28px}
      .footer-bottom{flex-direction:column}
      body{padding-bottom:68px}
      .mobile-contact{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 22px rgba(16,39,68,.1)}
      .mobile-contact a{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 10px;font-size:13px;font-weight:850}
      .mobile-contact a:first-child{color:var(--green);border-right:1px solid var(--line)}
      .mobile-contact a:last-child{color:var(--blue)}
    }

    @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.service-card,.contact-button{transition:none}}

/* WordPress content pages */
body.admin-bar header{top:32px}
.wp-page-shell{padding:72px 0 96px;background:linear-gradient(180deg,#f6f9fb 0%,#fff 260px)}
.wp-page-card{max-width:1200px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(26px,5vw,56px);box-shadow:var(--shadow-sm)}
.wp-page-card h1{font-size:clamp(36px,5vw,58px);margin:0 0 25px;line-height:1.12}
.wp-page-card h2{font-size:30px;line-height:1.2;margin:36px 0 14px}
.wp-page-card h3{font-size:22px;line-height:1.3;margin:28px 0 10px}
.wp-page-card p,.wp-page-card li{color:#52657a}
.wp-page-card a:not(.btn){color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.wp-page-card img{height:auto;border-radius:16px}
.wp-page-card ul,.wp-page-card ol{padding-left:24px}
.wp-page-meta{font-size:13px;color:#718195;margin:-14px 0 25px}
.wp-pagination{display:flex;justify-content:space-between;gap:20px;margin-top:40px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:782px){body.admin-bar header{top:46px}}
@media(max-width:720px){.wp-page-shell{padding:45px 0 70px}.wp-page-card{border-radius:19px}}

.entry-content .wp-block-heading.has-vivid-red-color {
    color: #cf2e2e !important;
}

.hero-visual-slider{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    border:1px solid rgba(15,55,95,.08);

    box-shadow:
        0 18px 45px rgba(15,45,80,.12),
        0 5px 14px rgba(15,45,80,.06);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.hero-visual-slider:hover{
    transform:translateY(-5px);

    box-shadow:
        0 26px 60px rgba(15,45,80,.16),
        0 8px 20px rgba(15,45,80,.08);
}

/* Ép slider và ảnh theo bo góc của container */
.hero-visual-slider .n2-ss-slider,
.hero-visual-slider .n2-ss-slider-wrapper-inside,
.hero-visual-slider img{
    border-radius:24px !important;
}

/* Zoom rất nhẹ khi hover */
.hero-visual-slider img{
    transition:transform .5s ease;
}

.hero-visual-slider:hover img{
    transform:scale(1.025);
}

/* Form trong khối liên hệ */
.contact-form-wrap{
    margin-top: 22px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(6px);
}

/* Container form */
.contact-form-wrap .wpforms-container{
    margin: 0 !important;
}

.contact-form-wrap .wpforms-form{
    width: 100% !important;
}

/* Label */
.contact-form-wrap .wpforms-field-label{
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

.contact-form-wrap .wpforms-required-label{
    color: #ffb46b !important;
}

/* Khoảng cách field */
.contact-form-wrap .wpforms-field{
    padding: 0 0 14px 0 !important;
}

/* Input / select / textarea */
.contact-form-wrap input[type="text"],
.contact-form-wrap input[type="email"],
.contact-form-wrap input[type="tel"],
.contact-form-wrap input[type="number"],
.contact-form-wrap select,
.contact-form-wrap textarea{
    width: 100% !important;
    height: 52px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.96) !important;
    color: #102744 !important;
    font-size: 15px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.10) !important;
    outline: none !important;
}

/* Placeholder */
.contact-form-wrap input::placeholder,
.contact-form-wrap textarea::placeholder{
    color: #7b8aa0 !important;
}

/* Focus */
.contact-form-wrap input:focus,
.contact-form-wrap select:focus,
.contact-form-wrap textarea:focus{
    border-color: #5aa6ff !important;
    box-shadow: 0 0 0 3px rgba(90,166,255,0.18) !important;
}

/* Dropdown đẹp hơn */
.contact-form-wrap select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Nút submit */
.contact-form-wrap .wpforms-submit-container{
    margin-top: 8px !important;
}

.contact-form-wrap button[type="submit"]{
    background: linear-gradient(90deg, #ff8a2a, #e7352b, #208f63, #1976c9) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 14px 22px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: 0 12px 24px rgba(16,39,68,0.22) !important;
    transition: all .25s ease !important;
}

.contact-form-wrap button[type="submit"]:hover{
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(16,39,68,0.28) !important;
}

/* 2 ô trên cùng nằm cùng 1 hàng */
.contact-form-wrap .wpforms-field.wpforms-one-half{
    width: calc(50% - 10px) !important;
    float: left !important;
}

.contact-form-wrap .wpforms-field.wpforms-one-half.wpforms-first{
    margin-right: 20px !important;
    clear: both !important;
}

.contact-form-wrap .wpforms-field.wpforms-full{
    width: 100% !important;
    clear: both !important;
}

/* Responsive mobile */
@media (max-width: 767px){
    .contact-form-wrap{
        padding: 14px;
    }

    .contact-form-wrap .wpforms-field.wpforms-one-half,
    .contact-form-wrap .wpforms-field.wpforms-one-half.wpforms-first{
        width: 100% !important;
        margin-right: 0 !important;
        float: none !important;
    }

    .contact-form-wrap input[type="text"],
    .contact-form-wrap input[type="email"],
    .contact-form-wrap input[type="tel"],
    .contact-form-wrap input[type="number"],
    .contact-form-wrap select,
    .contact-form-wrap textarea{
        height: 50px !important;
    }
}