/*
Theme Name: Phong Thuy Online Eastern Portal
Theme URI: https://www.phongthuyonline.net/
Author: Phong Thuy Online
Description: Cổng thông tin phong thủy, lịch âm và thư viện công cụ độc lập.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: pto-portal
*/
:root{--forest:#103d34;--forest2:#1b594a;--gold:#c8a56d;--paper:#faf7f0;--ink:#253b35}*{box-sizing:border-box}body{margin:0;background:#faf9f5;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:#b28c4b}img{max-width:100%;height:auto}.container{max-width:1220px;margin:auto;padding:0 22px}.site-header{background:#fff;box-shadow:0 2px 18px #12372a12;position:relative;z-index:10}.topbar{background:var(--forest);color:#d9e8df;font-size:12px;padding:7px 0}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 0}.brand{font-family:Georgia,serif;font-weight:800;color:var(--forest);font-size:31px;line-height:1.1}.brand small{display:block;font:600 11px system-ui;letter-spacing:2px;color:#ae8952;margin-top:8px}.site-logo{max-height:65px;width:auto}.brand-side{color:#8d795a;font-size:13px}.nav-wrap{background:#174c40;color:white}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.main-nav ul{display:flex;gap:0;flex-wrap:wrap;margin:0;padding:0;list-style:none}.main-nav li{position:relative}.main-nav a{display:block;padding:13px 16px;font-weight:600;font-size:14px;color:#fff}.main-nav a:hover{background:#266c5a;color:#fff}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:#174c40;min-width:230px;box-shadow:0 12px 20px #0002;z-index:5}.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:block}.main-nav .sub-menu li{width:100%}.nav-search input{width:180px;max-width:100%;background:#fff;border:0;border-radius:5px;padding:8px 11px}.hero{background:radial-gradient(circle at 85% 30%,#376c58,transparent 35%),linear-gradient(125deg,#0b332d,#1a5749);color:#fff;padding:70px 0 80px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:#e1be82}.hero h1{font-family:Georgia,serif;font-size:clamp(37px,5vw,65px);line-height:1.16;margin:14px 0 20px}.hero p{color:#e0e9e1;max-width:620px;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;background:var(--gold);color:#172e26;border-radius:8px;padding:12px 23px;font-weight:750}.btn.outline{background:transparent;border:1px solid #c9b487;color:#fff}.hero-orbit{aspect-ratio:1;max-width:380px;margin:auto;border:3px solid #c8a56d;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 24px #d7ad5c12,0 0 0 54px #d7ad5c0a;background:radial-gradient(circle,#306b5c,#0c3d32);font-size:145px;color:#ebd4a6}.section{padding:60px 0}.section.alt{background:#f2f1ea}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.section-title h2{font:700 clamp(25px,3vw,35px) Georgia,serif;color:var(--forest);margin:0}.section-title p{margin:5px 0 0;color:#7d857d}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.tool-card{display:block;background:white;border:1px solid #e8e6db;border-radius:14px;padding:23px;transition:.2s;box-shadow:0 5px 25px #123e3310}.tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #123e3322}.tool-icon{width:48px;height:48px;background:#f1e8d4;color:#94733b;border-radius:13px;display:grid;place-items:center;font-size:26px;margin-bottom:16px}.tool-card h3{font-size:17px;color:#174a3d;margin:0 0 7px}.tool-card p{font-size:13px;color:#748078;margin:0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 25px #17372b12}.post-card .thumb{aspect-ratio:16/10;background:linear-gradient(135deg,#a3b9a4,#e5dac3);display:block;overflow:hidden}.post-card .thumb img{width:100%;height:100%;object-fit:cover}.post-card .body{padding:20px}.post-card h3{font-size:19px;line-height:1.45;margin:5px 0 10px;color:var(--forest)}.post-card p{font-size:14px;color:#66736a}.post-meta{font-size:12px;color:#9b8056}.footer{background:#0c2d27;color:#c8d5cd;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h3{color:#f4e6c7}.footer a{color:#c8d5cd}.footer-bottom{border-top:1px solid #ffffff26;margin-top:35px;padding-top:18px;font-size:12px}.content-shell{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:35px;padding-top:40px;padding-bottom:60px}.content-box,.sidebar-box{background:white;border:1px solid #e7e6dd;border-radius:13px;padding:28px}.entry-title{font:700 clamp(29px,4vw,43px) Georgia,serif;color:var(--forest);line-height:1.25}.entry-content{overflow-wrap:anywhere}.entry-content img{border-radius:10px}.entry-content h2,.entry-content h3{color:#194b40}.sidebar-box{margin-bottom:18px}.sidebar-box ul{padding-left:20px}.pagination{margin:30px 0}.pagination .page-numbers{padding:7px 11px;background:#fff;border:1px solid #ddd;margin-right:5px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:10px;top:10px;z-index:999;background:white;padding:10px}.mobile-menu-button{display:none;background:none;color:white;border:0;font-size:23px}.ad-slot{min-height:50px;text-align:center;margin:14px 0}.tool-shortcode{margin:20px 0}@media(max-width:960px){.tool-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.hero-orbit{display:none}.content-shell{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.brand-row{padding:14px 0}.brand{font-size:23px}.brand-side{display:none}.mobile-menu-button{display:block}.nav-inner{flex-wrap:wrap}.main-nav{display:none;width:100%}.main-nav.is-open{display:block}.main-nav ul{display:block}.main-nav .sub-menu{position:static;display:block;box-shadow:none;padding-left:15px}.nav-search{padding:8px 0}.hero{padding:45px 0}.tool-grid,.article-grid,.footer-grid{grid-template-columns:1fr}.section{padding:40px 0}.content-box{padding:20px}}