/*
Theme Name: Pearl Landing
Description: Giao dien web Vung Tau Pearl (Thuy Vo) - thay Flatsome, giu nguyen noi dung.
Version: 1.0
Text Domain: pearl-landing
*/
:root{--xanh:#00506f;--xanh2:#006089;--cam:#df8d2a;--chu:#1f2d36;--nen:#f4f8fb}
*{box-sizing:border-box}
body{margin:0;font-family:"Roboto","Segoe UI",Arial,sans-serif;color:var(--chu);font-size:16px;line-height:1.65;background:#fff}
a{color:var(--xanh2)}a:hover{color:var(--cam)}
img{max-width:100%;height:auto}
.khung{max-width:1180px;margin:0 auto;padding:0 16px}
.dau{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.dau .khung{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;position:relative}
.dau .logo img{height:62px;width:auto;display:block}
.menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.menu a{display:block;padding:10px 12px;color:var(--xanh);font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}
.menu a:hover{color:var(--cam)}
.nut-menu{display:none;background:none;border:0;font-size:28px;color:var(--xanh);cursor:pointer}
@media(max-width:900px){.nut-menu{display:block}.menu{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;flex-direction:column;padding:8px 16px;box-shadow:0 8px 16px rgba(0,0,0,.1)}.menu.mo{display:flex}}
.noidung{padding:28px 0 40px}
.bai{max-width:860px;margin:0 auto}
.bai h1{color:var(--xanh);font-size:32px;line-height:1.25;margin:10px 0 8px}
.bai .ngay{color:#6b7a83;font-size:14px;margin-bottom:18px}
.bai h2{color:var(--xanh);font-size:24px;margin:30px 0 10px}
.bai h3{color:var(--xanh2);font-size:20px;margin:22px 0 8px}
.bai table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px;display:block;overflow-x:auto}
.bai th,.bai td{border:1px solid #d6e2e9;padding:9px 10px;text-align:left;vertical-align:top}
.bai th{background:var(--xanh2);color:#fff}
.bai tr:nth-child(even) td{background:#f6fafc}
.bai figure{margin:18px 0}.bai figcaption,.wp-caption-text{font-size:14px;color:#6b7a83;text-align:center}
.wp-caption{max-width:100%}
.luoi-bai{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.the-bai{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,60,90,.1);display:flex;flex-direction:column}
.the-bai img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.the-bai .nd{padding:14px 16px 18px}
.the-bai h3{font-size:17px;line-height:1.4;margin:0 0 6px}.the-bai h3 a{color:var(--xanh);text-decoration:none}
.the-bai .ngay{font-size:13px;color:#6b7a83;margin-bottom:6px}.the-bai p{font-size:14.5px;margin:0;color:#4b5b64}
@media(max-width:900px){.luoi-bai{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.luoi-bai{grid-template-columns:1fr}.bai h1{font-size:26px}}
.phantrang{display:flex;gap:6px;justify-content:center;margin:30px 0}.phantrang a,.phantrang span{padding:8px 13px;border:1px solid #d6e2e9;border-radius:6px;text-decoration:none}.phantrang .current{background:var(--xanh2);color:#fff}
.pl-sec{padding:30px 0}.pl-row{display:flex;flex-wrap:wrap;gap:24px;max-width:1180px;margin:0 auto;padding:0 16px}.pl-col{flex:1 1 280px}
.video-fit{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000}.video-fit iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pl-nut{display:inline-block;background:var(--cam);color:#fff;padding:12px 22px;border-radius:8px;font-weight:800;text-decoration:none}
.chan{background:#0d2f45;color:#dbe7ee;padding:44px 0 90px;font-size:15px}
.chan .khung{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px}
.chan .widget-title{display:block;color:var(--cam);font-weight:800;text-transform:uppercase;font-size:17px;margin:0 0 12px}
.chan a{color:#fff}.chan ul{list-style:none;padding:0;margin:0}.chan li{margin:0 0 8px}
.chan input,.chan textarea,.chan select{width:100%;padding:10px 12px;border-radius:6px;border:0;margin:0 0 10px;font-size:15px}
.chan input[type=submit]{background:var(--cam);color:#fff;font-weight:800;cursor:pointer}
.ban-quyen{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:14px;font-size:13px;opacity:.8}
@media(max-width:900px){.chan .khung{grid-template-columns:1fr}}
.thanh{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:center;gap:10px;padding:8px;background:rgba(13,47,69,.96)}
.thanh a{flex:0 1 260px;text-align:center;padding:11px 10px;border-radius:8px;font-weight:800;color:#fff;text-decoration:none;font-size:15px}
.thanh .goi{background:#0aa34f}.thanh .zalo{background:#0068ff}.thanh .tai{background:var(--cam)}
@media(max-width:600px){.thanh a{font-size:13.5px;padding:10px 6px}}
.screen-reader-text{position:absolute;left:-9999px}