/*
Theme Name: RedGold
Theme URI: https://example.com/redgold
Author: Carl
Description: Theme landing nền đỏ sẫm/vàng — layout 3 cột (banner trái sticky, nội dung giữa, box liên hệ phải sticky), nút tải Android/iOS, FAQ accordion, footer logo đối tác + 3 cột. Không cần Flatsome.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: redgold
*/

:root{
  --rg-bg:#2d0d0a;
  --rg-bg2:#300000;
  --rg-head:#ffe9a4;
  --rg-link:#f99705;
  --rg-link-hover:#fead00;
  --rg-text:#ffffff;
  --rg-max:1250px;
  --rg-radius:10px;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--rg-bg)}
body{margin:0;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;color:var(--rg-text);background:var(--rg-bg)}
a{color:var(--rg-link);text-decoration:none;transition:color .2s}
a:hover{color:var(--rg-link-hover)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{color:var(--rg-head);font-weight:700;line-height:1.3;margin:1.2em 0 .6em}
h1{font-size:1.75em}h2{font-size:1.45em}h3{font-size:1.2em}
p{margin:0 0 1em}
b,strong{font-weight:700}
ul,ol{padding-left:1.4em;margin:0 0 1em}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{position:fixed;top:5px;left:5px;z-index:100000;background:#ddd;color:#000;padding:10px 20px;width:auto;height:auto;clip-path:none}
.container{max-width:var(--rg-max);margin:0 auto;padding:0 15px}
.show-mobile{display:none}

/* ===== Header ===== */
.site-header{background:var(--rg-bg);position:sticky;top:0;z-index:100;transition:box-shadow .3s}
.admin-bar .site-header{top:32px}
.site-header.is-stuck{box-shadow:0 2px 12px rgba(0,0,0,.6)}
.header-main{height:120px;display:flex;align-items:center;justify-content:center;position:relative;transition:height .3s}
.site-header.is-stuck .header-main{height:70px}
.site-logo img{max-height:120px;width:auto;transition:max-height .3s}
.site-header.is-stuck .site-logo img{max-height:70px}
.site-title{font-size:30px;font-weight:700;color:var(--rg-head);text-transform:uppercase}
.hdr-btn{display:none;position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--rg-head);cursor:pointer;padding:8px;line-height:0}
.hdr-btn svg{width:24px;height:24px}
.menu-toggle{left:10px}
.search-toggle{right:10px}
.header-search{display:none;padding:10px 15px;background:var(--rg-bg2)}
.header-search.is-open{display:block}
.header-bottom{background:var(--rg-bg2);min-height:55px;display:flex;align-items:center}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 28px}
.main-nav a{display:block;padding:8px 0;line-height:16px;color:#ff6900;font-weight:700;text-transform:uppercase;font-size:.95em}
.main-nav a:hover,.main-nav .current-menu-item>a{color:#fff}
.main-nav .sub-menu{display:none}

.mobile-menu{position:fixed;inset:0;z-index:9999;display:none}
.mobile-menu.is-open{display:block}
.mobile-menu-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7)}
.mobile-menu-panel{position:absolute;top:0;left:0;bottom:0;width:280px;max-width:85%;background:#1a0705;overflow-y:auto;padding:50px 0 20px;transform:translateX(-100%);transition:transform .3s}
.mobile-menu.is-open .mobile-menu-panel{transform:translateX(0)}
.mobile-menu-close{position:absolute;top:8px;right:12px;background:none;border:0;color:#fff;font-size:32px;cursor:pointer;line-height:1}
.mobile-menu-panel .search-form{padding:0 15px 15px}
.mobile-menu-panel ul{list-style:none;margin:0;padding:0}
.mobile-menu-panel a{display:block;padding:12px 20px;color:#fff;font-weight:700;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.08)}
.mobile-menu-panel a:hover{color:var(--rg-link)}

/* ===== Main layout ===== */
.rg-stage{background-color:#000;background-position:top center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.rg-layout{display:grid;grid-template-columns:2fr 6fr 2fr;justify-content:center;gap:0;max-width:1600px;margin:0 auto}
.rg-col{padding:10px 30px 0}
.rg-side{position:relative}
.rg-side-inner{position:sticky;top:85px;margin-top:150px}
.admin-bar .rg-side-inner{top:117px}
.rg-side-left .rg-side-inner{display:flex;justify-content:flex-start}
.rg-side img{width:75%}
.rg-side-left img{width:75%}
.rg-side-right .rg-side-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.rg-side-box{border:1px solid rgba(255,255,255,.5);border-radius:var(--rg-radius);padding-top:10px;width:calc(100% - 40px);display:flex;justify-content:center;margin-bottom:22px}
.rg-side-box img{width:75%;margin-bottom:-20px}
.rg-side-right .rg-icon-btn img{width:100%}
.rg-side-right .rg-icon-btn{display:block;width:75%;transition:transform .2s}
.rg-side-right .rg-icon-btn:hover{transform:scale(1.04)}

.rg-center{text-align:center;min-width:0}
.rg-logo-small{width:18%;margin:0 auto 10px}
.rg-banner{width:41%;margin:0 auto 15px}
.rg-dl{display:block;width:45%;margin:0 auto 12px;transition:transform .2s}
.rg-dl:hover{transform:scale(1.03)}
.rg-dl img{width:100%}
.rg-note{font-size:.75rem;margin:0 0 4px;opacity:.9}
.rg-content{text-align:left;padding-top:65px;padding-bottom:30px}
.rg-content>.page-title{text-align:justify;margin-top:0}
.rg-content p,.rg-content li{text-align:justify}

/* Content */
.entry-content table{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:.95em}
.entry-content th,.entry-content td{border:1px solid rgba(255,233,164,.35);padding:8px 10px;text-align:center}
.entry-content thead th{background:rgba(255,233,164,.12);color:var(--rg-head)}
.entry-content tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
.table-responsive{overflow-x:auto;border-radius:10px;border:2px solid rgba(255,233,164,.5);margin-bottom:1.2em}
.table-responsive table{margin:0;min-width:620px}
.wp-caption{max-width:100%;margin:0 auto 1em}
.wp-caption-text,figcaption{text-align:center!important;font-size:.85em;color:#ccc;font-style:italic;padding-top:5px}
.aligncenter{margin-left:auto;margin-right:auto}
.alignleft{float:left;margin:0 1em 1em 0}
.alignright{float:right;margin:0 0 1em 1em}
.entry-content img{border-radius:6px}
blockquote{margin:0 0 1em;padding:10px 20px;border-left:3px solid var(--rg-link);background:rgba(255,255,255,.04);border-radius:5px}

/* FAQ accordion */
.rg-faq{margin:0 0 1.2em}
.rg-faq-item{border-bottom:1px solid rgba(255,255,255,.15)}
.rg-faq-item>summary{list-style:none;cursor:pointer;padding:12px 30px 12px 0;position:relative;font-weight:700;color:var(--rg-head)}
.rg-faq-item>summary::-webkit-details-marker{display:none}
.rg-faq-item>summary::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.rg-faq-item[open]>summary::after{transform:translateY(-30%) rotate(-135deg)}
.rg-faq-body{padding:0 0 12px}

/* Cards / archive */
.rg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;text-align:left}
.rg-card{border:1px solid rgba(255,233,164,.4);border-radius:8px;overflow:hidden;background:rgba(0,0,0,.35);display:flex;flex-direction:column}
.rg-card-thumb{display:block;position:relative;padding-top:56.25%;background:#000;overflow:hidden}
.rg-card-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.rg-card:hover .rg-card-thumb img{transform:scale(1.06)}
.rg-card-body{padding:10px 12px 12px}
.rg-card-title{font-size:1.02em;margin:0 0 6px}
.rg-card-title a{color:var(--rg-head)}
.rg-card-title a:hover{color:var(--rg-link)}
.rg-card-excerpt{font-size:.88em;color:#ddd;margin:0}
.archive-header{text-align:center}
.archive-header h1{margin-top:0}
.entry-meta{font-size:.85em;color:#bbb;margin-bottom:15px;text-align:left}
.entry-thumb{margin-bottom:15px;border-radius:var(--rg-radius);overflow:hidden}
.breadcrumbs{font-size:.85em;margin-bottom:15px;color:#ccc;text-align:left}
.pagination{margin:30px 0;text-align:center}
.pagination .page-numbers{display:inline-block;min-width:38px;padding:6px 10px;margin:2px;border:1px solid var(--rg-link);border-radius:5px;color:var(--rg-link)}
.pagination .page-numbers.current,.pagination .page-numbers:hover{background:var(--rg-link);color:#000}
.post-nav{display:flex;justify-content:space-between;gap:20px;margin:25px 0;font-size:.9em;text-align:left}
.search-form{display:flex;gap:5px}
.search-form input[type=search]{flex:1;min-width:0;padding:8px 10px;border-radius:5px;border:1px solid var(--rg-link);background:#000;color:#fff}
.search-form button,.btn{background:var(--rg-link);color:#000;border:0;padding:8px 16px;border-radius:5px;font-weight:700;cursor:pointer;display:inline-block}
.comments-area{margin-top:30px;text-align:left}
.comment-list{list-style:none;padding:0}
.comment-body{border-bottom:1px solid rgba(255,255,255,.1);padding:10px 0}
.comment-form input:not([type=submit]),.comment-form textarea{width:100%;padding:8px;background:#000;color:#fff;border:1px solid var(--rg-link);border-radius:5px}
label{color:var(--rg-head)}
.error-404{text-align:center;padding:60px 0}

/* ===== Footer ===== */
.site-footer{background-color:var(--rg-bg);background-size:cover;background-position:center;padding:30px 0 0}
.footer-badge{text-align:center;margin-bottom:20px}
.footer-badge img{display:inline-block}
.footer-partners{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 30px;margin-bottom:30px}
.footer-partners img{max-height:60px;width:auto}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:20px}
.footer-col-title{display:block;font-weight:700;margin-bottom:12px;color:#fff;text-align:left}
.footer-logo{width:50%;margin:0 auto 12px}
.footer-about{text-align:justify}
.footer-list{margin:0;padding-left:1.2em}
.footer-list li{padding:3px 0}
.footer-menu{margin:0;padding-left:1.2em}
.footer-menu li{padding:3px 0}
.footer-menu a{font-weight:700;text-transform:uppercase}
.footer-hashtags{margin-top:10px;font-size:.9em;word-break:break-word}
.footer-copy{text-align:center;padding:10px 0 20px}
.absolute-footer{background:rgba(0,0,0,.4);padding:12px 0;text-align:center;font-size:.85em;color:#ccc}
.back-to-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border-radius:50%;border:2px solid var(--rg-link);background:rgba(0,0,0,.6);color:var(--rg-link);font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transition:.3s;z-index:99;line-height:1}
.back-to-top.show{opacity:1;visibility:visible}

/* ===== Responsive ===== */
@media (max-width:849px){
  .hdr-btn{display:block}
  .header-bottom{display:none}
  .rg-layout{grid-template-columns:1fr}
  .rg-side{display:none}
  .rg-col{padding:20px 15px 0}
  .show-mobile{display:block}
  .hide-mobile{display:none!important}
  .rg-logo-small{width:30%}
  .rg-banner{width:54%}
  .rg-dl{width:80%}
  .rg-content{padding-top:20px}
  .rg-stage{background-attachment:scroll}
  .footer-cols{grid-template-columns:1fr}
  .footer-logo{width:80%}
  .footer-partners img{max-height:45px}
}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
@media (max-width:549px){
  .header-main{height:70px}
  .site-logo img{max-height:70px}
  .rg-grid{grid-template-columns:1fr}
  .entry-content th,.entry-content td{padding:6px;font-size:.9em}
}