/*
Theme Name: Al Qaryah Auction Blog
Theme URI: https://alqaryahauction.com/
Author: Al Qaryah Auction IT
Author URI: https://alqaryahauction.com/
Description: Custom blog theme matched to the Al Qaryah Auction main website. Replicates the main site header and footer so the blog feels like part of the same application, with a modern Featured + Top blogs + card grid layout. Navigation links back to the main Angular site.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aca-blog
*/

/* ============================================================
   DESIGN TOKENS  (matched to the main site)
   ============================================================ */
:root{
  --aca-red:#ED1C24;
  --aca-red-dark:#c50f17;
  --aca-green:#00A651;
  --aca-black:#000000;
  --aca-ink:#14142b;        /* nav / heading text */
  --aca-body:#5b6170;       /* body text */
  --aca-white:#ffffff;
  --aca-gray:#f6f6f7;       /* light section bg */
  --aca-border:#e7e9ee;
  --aca-pill-bg:#fce9e9;    /* category pill bg (soft red) */
  --aca-pill-text:#ED1C24;  /* category pill text */
  --aca-tint:#fdf5f5;       /* highlighted card tint */
  --aca-footer-link:#cfcfd4;
  --aca-radius:14px;
  --aca-shadow:0 10px 30px rgba(20,20,43,.08);
  --aca-maxw:1240px;
  --aca-font:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}

/* ============================================================ BASE ============================================================ */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--aca-font);color:var(--aca-body);background:var(--aca-white);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;}
a{color:var(--aca-red);text-decoration:none;transition:color .18s ease;}
a:hover{color:var(--aca-red-dark);}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,h4,h5,h6{color:var(--aca-ink);font-weight:700;line-height:1.22;margin:0 0 .6em;}
h1{font-size:2.4rem;}
h2{font-size:1.9rem;}
h3{font-size:1.3rem;}
p{margin:0 0 1.2em;}
.aca-container{max-width:var(--aca-maxw);margin:0 auto;padding:0 24px;}
.aca-btn{display:inline-flex;align-items:center;gap:8px;background:var(--aca-red);color:#fff;padding:11px 22px;border-radius:8px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:background .18s ease,transform .05s ease;}
.aca-btn:hover{background:var(--aca-red-dark);color:#fff;}
.aca-btn:active{transform:translateY(1px);}

/* category pill */
.aca-pill{display:inline-block;background:var(--aca-pill-bg);color:var(--aca-pill-text);font-size:.78rem;font-weight:600;padding:6px 14px;border-radius:6px;letter-spacing:.2px;}
.aca-pill:hover{color:var(--aca-pill-text);opacity:.85;}
.aca-meta{color:#9aa0ad;font-size:.86rem;font-weight:500;}
.aca-meta strong{color:#6b7280;font-weight:600;}

/* ============================================================ HEADER ============================================================ */
.aca-topbar{background:var(--aca-white);border-bottom:1px solid var(--aca-border);position:sticky;top:0;z-index:1000;}
.aca-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 24px;max-width:var(--aca-maxw);margin:0 auto;}
.aca-logo{display:flex;align-items:center;flex-shrink:0;}
.aca-logo img{max-height:46px;width:auto;}
.aca-logo .aca-logo-text{font-weight:800;color:var(--aca-ink);font-size:1.4rem;letter-spacing:.5px;}
.aca-logo .aca-logo-text span{color:var(--aca-red);}
.aca-nav{flex:1;}
.aca-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:30px;}
.aca-nav a{color:var(--aca-ink);font-weight:600;font-size:.97rem;display:inline-flex;align-items:center;gap:5px;padding:6px 0;position:relative;}
.aca-nav a:hover{color:var(--aca-red);}
.aca-nav a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--aca-red);transition:width .2s ease;}
.aca-nav a:hover::after{width:100%;}
.aca-caret{width:10px;height:10px;fill:currentColor;}
.aca-header-right{display:flex;align-items:center;gap:16px;flex-shrink:0;}
.aca-user{display:flex;align-items:center;gap:4px;color:var(--aca-ink);}
.aca-user .aca-avatar{width:34px;height:34px;border-radius:50%;background:var(--aca-gray);display:flex;align-items:center;justify-content:center;}
.aca-user .aca-avatar svg{width:20px;height:20px;fill:#9aa0ad;}
.aca-lang{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--aca-border);border-radius:30px;padding:6px 14px;color:var(--aca-ink);font-weight:600;font-size:.9rem;}
.aca-lang svg{width:16px;height:16px;fill:var(--aca-ink);}
.aca-announce{background:var(--aca-green);color:#fff;position:relative;overflow:hidden;}
.aca-announce-inner{max-width:var(--aca-maxw);margin:0 auto;display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 24px;position:relative;}
.aca-announce-text{font-weight:600;font-size:.95rem;text-align:center;}
.aca-join{position:absolute;right:24px;top:50%;transform:translateY(-50%) skewX(-12deg);background:var(--aca-black);color:#fff;font-weight:700;font-style:italic;padding:9px 22px;font-size:.9rem;}
.aca-join span{display:inline-block;transform:skewX(12deg);}
.aca-join:hover{color:#fff;background:#1a1a1a;}
.aca-burger{display:none;background:none;border:none;cursor:pointer;padding:6px;}
.aca-burger svg{width:26px;height:26px;fill:var(--aca-ink);}

/* ============================================================ PAGE HEAD ============================================================ */
.aca-page-head{padding:54px 0 10px;}
.aca-page-head h1{margin:0;font-size:2.6rem;}
.aca-page-head .aca-crumb{color:var(--aca-body);font-size:.92rem;margin-top:10px;}
.aca-page-head .aca-crumb a{color:var(--aca-red);}
.aca-main{padding:30px 0 70px;}
.aca-section-title{font-size:2rem;margin:0 0 26px;}

/* ============================================================ FEATURED + TOP BLOGS ============================================================ */
.aca-feature-wrap{display:grid;grid-template-columns:1.7fr 1fr;gap:46px;margin-bottom:64px;}
.aca-feature h2,.aca-top h2{font-size:1.9rem;margin:0 0 22px;}

/* featured card */
.aca-feature-card{display:block;}
.aca-feature-card .aca-feature-img{aspect-ratio:16/9;border-radius:var(--aca-radius);overflow:hidden;background:var(--aca-gray);}
.aca-feature-card .aca-feature-img img{width:100%;height:100%;object-fit:cover;}
.aca-feature-card .aca-feature-body{padding-top:20px;}
.aca-feature-card h3{font-size:1.7rem;margin:12px 0 12px;color:var(--aca-ink);}
.aca-feature-card:hover h3{color:var(--aca-red);}

/* top blogs list */
.aca-top-list{display:flex;flex-direction:column;}
.aca-top-item{padding:22px;border-radius:var(--aca-radius);border-bottom:1px solid var(--aca-border);}
.aca-top-item.is-first{background:var(--aca-tint);border-bottom:none;}
.aca-top-item:last-child{border-bottom:none;}
.aca-top-item h3{font-size:1.18rem;margin:12px 0 12px;line-height:1.35;}
.aca-top-item h3 a{color:var(--aca-ink);}
.aca-top-item h3 a:hover{color:var(--aca-red);}

/* ============================================================ ALL BLOGS GRID ============================================================ */
.aca-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px;}
.aca-card{display:flex;flex-direction:column;}
.aca-card-thumb{aspect-ratio:16/10;border-radius:var(--aca-radius);overflow:hidden;background:var(--aca-gray);margin-bottom:18px;}
.aca-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}
.aca-card:hover .aca-card-thumb img{transform:scale(1.04);}
.aca-card-row{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.aca-card h3{font-size:1.32rem;margin:0 0 12px;line-height:1.32;}
.aca-card h3 a{color:var(--aca-ink);}
.aca-card h3 a:hover{color:var(--aca-red);}
.aca-card-excerpt{font-size:.96rem;color:var(--aca-body);margin:0;}

/* pagination */
.aca-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:60px;flex-wrap:wrap;}
.aca-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;color:var(--aca-ink);font-weight:600;border-radius:8px;}
.aca-pagination .page-numbers.current{background:var(--aca-red);color:#fff;}
.aca-pagination a.page-numbers:hover{color:var(--aca-red);}
.aca-pagination .next,.aca-pagination .prev{color:var(--aca-red);}

/* ============================================================ SINGLE / DETAIL PAGE ============================================================ */
.aca-single{max-width:840px;margin:0 auto;}
.aca-single-head{text-align:left;margin-bottom:26px;}
.aca-single-head .aca-pill{margin-bottom:16px;}
.aca-single-head h1{font-size:2.5rem;line-height:1.18;margin:0 0 18px;}
.aca-single-meta{display:flex;align-items:center;gap:16px;color:#9aa0ad;font-size:.92rem;flex-wrap:wrap;}
.aca-single-meta .aca-dot{width:4px;height:4px;border-radius:50%;background:#cfd2da;}
.aca-author{display:flex;align-items:center;gap:10px;}
.aca-author .aca-author-avatar{width:38px;height:38px;border-radius:50%;background:var(--aca-pill-bg);display:flex;align-items:center;justify-content:center;color:var(--aca-red);font-weight:700;}
.aca-author b{color:var(--aca-ink);font-weight:600;}
.aca-hero{margin:28px 0 34px;border-radius:var(--aca-radius);overflow:hidden;}
.aca-content{font-size:1.08rem;color:#3f4451;line-height:1.85;}
.aca-content > *{margin-bottom:1.3em;}
.aca-content h2{font-size:1.7rem;margin:1.7em 0 .6em;color:var(--aca-ink);}
.aca-content h3{font-size:1.35rem;margin:1.5em 0 .5em;color:var(--aca-ink);}
.aca-content a{color:var(--aca-red);text-decoration:underline;}
.aca-content ul,.aca-content ol{padding-left:1.3em;}
.aca-content li{margin-bottom:.5em;}
.aca-content img{border-radius:10px;margin:1.5em 0;}
.aca-content blockquote{border-left:4px solid var(--aca-red);margin:1.6em 0;padding:14px 22px;color:var(--aca-ink);font-style:italic;background:var(--aca-gray);border-radius:0 10px 10px 0;}
.aca-content code{background:var(--aca-gray);padding:2px 7px;border-radius:5px;font-size:.92em;}
.aca-share{display:flex;align-items:center;gap:12px;margin:40px 0;padding:20px 0;border-top:1px solid var(--aca-border);border-bottom:1px solid var(--aca-border);}
.aca-share span{font-weight:600;color:var(--aca-ink);}
.aca-back{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:600;}

/* related posts */
.aca-related{margin-top:72px;}
.aca-related h2{font-size:1.7rem;margin-bottom:28px;}

/* search / notice */
.aca-notice{text-align:center;padding:60px 0;}
.aca-searchform{display:flex;gap:8px;max-width:440px;margin:18px auto 0;}
.aca-searchform input[type=search]{flex:1;padding:11px 14px;border:1px solid var(--aca-border);border-radius:8px;font-family:inherit;font-size:.95rem;}

/* ============================================================ FOOTER ============================================================ */
.aca-footer{background:var(--aca-black);color:#fff;padding:66px 0 30px;}
.aca-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px;}
.aca-footer h4{color:#fff;font-size:1.35rem;margin:0 0 24px;font-weight:700;}
.aca-footer ul{list-style:none;margin:0;padding:0;}
.aca-footer ul li{margin-bottom:18px;}
.aca-footer ul a{color:var(--aca-footer-link);font-size:.97rem;}
.aca-footer ul a:hover{color:#fff;}
.aca-sub-text{color:#cfcfd4;font-size:.97rem;margin-bottom:22px;max-width:340px;}
.aca-sub-form{display:flex;align-items:stretch;gap:12px;max-width:470px;}
.aca-sub-form input[type=email]{flex:1;border:1px solid #3a3a3a;background:#0d0d0d;border-radius:8px;padding:14px 16px;font-family:inherit;font-size:.95rem;outline:none;color:#fff;}
.aca-sub-form input[type=email]::placeholder{color:#8a8a90;}
.aca-sub-form button{background:var(--aca-red);color:#fff;border:none;border-radius:8px;padding:0 26px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;}
.aca-sub-form button:hover{background:var(--aca-red-dark);}
.aca-footer-divider{border:0;border-top:1px solid #2a2a2a;margin:50px 0 26px;}
.aca-copyright{text-align:center;color:#fff;font-weight:600;font-size:.92rem;margin-bottom:30px;}
.aca-social{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.aca-social a{display:inline-flex;align-items:center;gap:9px;background:#0d0d0d;border:1px solid #2c2c2c;border-radius:30px;padding:9px 18px;color:#fff;font-size:.88rem;font-weight:500;}
.aca-social a:hover{border-color:#555;color:#fff;}
.aca-social svg{width:18px;height:18px;}

/* app promo band (optional) */
.aca-appband{background:var(--aca-gray);padding:54px 0;}
.aca-appband-inner{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;}
.aca-appstats{display:flex;gap:20px;}
.aca-appstat{background:#fff;border-radius:12px;padding:18px 30px;text-align:center;box-shadow:var(--aca-shadow);}
.aca-appstat b{display:block;font-size:1.8rem;color:var(--aca-ink);}
.aca-appstat span{font-size:.9rem;color:var(--aca-body);}
.aca-appbtns{display:flex;gap:14px;flex-wrap:wrap;}
.aca-appbtn{display:inline-flex;align-items:center;gap:12px;background:var(--aca-black);color:#fff;border-radius:12px;padding:12px 20px;}
.aca-appbtn small{display:block;font-size:.7rem;opacity:.8;}
.aca-appbtn b{font-size:.95rem;}

/* ============================================================ RESPONSIVE ============================================================ */
@media (max-width:980px){
  .aca-feature-wrap{grid-template-columns:1fr;gap:48px;}
  .aca-grid{grid-template-columns:repeat(2,1fr);}
  .aca-footer-grid{grid-template-columns:1fr 1fr;gap:38px;}
}
@media (max-width:760px){
  .aca-burger{display:inline-flex;}
  .aca-nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--aca-border);box-shadow:var(--aca-shadow);max-height:0;overflow:hidden;transition:max-height .25s ease;flex:unset;}
  .aca-nav.open{max-height:560px;}
  .aca-nav ul{flex-direction:column;align-items:flex-start;gap:0;padding:8px 24px;}
  .aca-nav ul li{width:100%;border-bottom:1px solid var(--aca-border);}
  .aca-nav ul li:last-child{border-bottom:none;}
  .aca-nav a{display:flex;width:100%;padding:14px 0;}
  .aca-nav a::after{display:none;}
  .aca-topbar-inner{position:relative;}
  .aca-header-right .aca-lang{display:none;}
  .aca-join{position:static;transform:skewX(-12deg);margin-left:12px;}
  .aca-announce-inner{flex-direction:column;gap:8px;padding:10px 24px;}
  .aca-grid{grid-template-columns:1fr;}
  .aca-footer-grid{grid-template-columns:1fr;gap:34px;}
  h1{font-size:1.9rem;}
  .aca-page-head h1{font-size:2rem;}
  .aca-single-head h1{font-size:1.9rem;}
}