/* ==========================================================================
   GetMePromo · Blog Theme
   Adapted from VisualBlogger Pro (70/30 card layout) to the GetMePromo brand.
   Accent: brand orange #ff9308 · Light page bg · White rounded cards.
   Scoped under .blog-wrap to avoid clashing with the coupon site styles.
   ========================================================================== */

:root{
  --blog-accent:#ff9308;
  --blog-accent-dark:#e07d00;
  --blog-ink:#1d2330;
  --blog-text:#3a4252;
  --blog-muted:#6b7280;
  --blog-bg:#f5f7fa;
  --blog-card:#ffffff;
  --blog-border:#e7eaf0;
  --blog-radius:12px;
  --blog-shadow:0 1px 3px rgba(16,24,40,.06),0 1px 2px rgba(16,24,40,.04);
  --blog-shadow-hover:0 10px 30px rgba(16,24,40,.10);
}

/* ---- Layout ------------------------------------------------------------ */
.blog-wrap{background:var(--blog-bg);padding:24px 0 56px;color:var(--blog-text);}
.blog-wrap .container{max-width:1140px;margin:0 auto;padding:0 16px;}
.blog-layout{display:grid;grid-template-columns:1fr 330px;gap:26px;align-items:start;}
.blog-main{min-width:0;}
.blog-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px;}

@media (max-width:980px){
  .blog-layout{grid-template-columns:1fr;}
  .blog-sidebar{position:static;}
}

/* ---- Breadcrumb -------------------------------------------------------- */
.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--blog-muted);margin:0 0 16px;list-style:none;padding:0;}
.blog-breadcrumb li{display:flex;align-items:center;gap:6px;}
.blog-breadcrumb li:not(:last-child)::after{content:"›";color:#c2c8d2;}
.blog-breadcrumb a{color:var(--blog-muted);text-decoration:none;}
.blog-breadcrumb a:hover{color:var(--blog-accent);}
.blog-breadcrumb li:last-child{color:var(--blog-ink);font-weight:600;}

/* ---- Page header ------------------------------------------------------- */
.blog-page-head{margin:0 0 22px;}
.blog-page-head h1{font-size:clamp(1.7rem,1.3rem+1.6vw,2.4rem);line-height:1.18;color:var(--blog-ink);margin:0 0 8px;font-weight:800;letter-spacing:-.02em;}
.blog-page-head p{margin:0;color:var(--blog-muted);font-size:16px;max-width:70ch;}

/* ---- Featured strip ---------------------------------------------------- */
.blog-featured{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin:0 0 28px;}
.blog-featured .feat-lead,.blog-featured .feat-side{position:relative;border-radius:var(--blog-radius);overflow:hidden;background:#222;min-height:220px;display:block;color:#fff;}
.blog-featured .feat-side-wrap{display:grid;grid-template-rows:1fr 1fr;gap:16px;}
.blog-featured .feat-side{min-height:0;}
.blog-featured img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.blog-featured a:hover img{transform:scale(1.05);}
.blog-featured .feat-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.82) 100%);}
.blog-featured .feat-body{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;z-index:2;}
.blog-featured .feat-cat{display:inline-block;background:var(--blog-accent);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:30px;margin-bottom:8px;}
.blog-featured .feat-lead .feat-title{font-size:1.5rem;font-weight:800;line-height:1.2;margin:0;}
.blog-featured .feat-side .feat-title{font-size:1.02rem;font-weight:700;line-height:1.25;margin:0;}
@media (max-width:760px){.blog-featured{grid-template-columns:1fr;}.blog-featured .feat-side-wrap{grid-template-rows:none;}}

/* ---- Post list (cards) ------------------------------------------------- */
.blog-list{display:flex;flex-direction:column;gap:16px;}
.post-card{background:var(--blog-card);border:1px solid var(--blog-border);border-radius:var(--blog-radius);box-shadow:var(--blog-shadow);overflow:hidden;display:grid;grid-template-columns:260px 1fr;transition:box-shadow .25s ease,transform .25s ease;}
.post-card:hover{box-shadow:var(--blog-shadow-hover);transform:translateY(-2px);}
.post-card .pc-thumb{position:relative;display:block;background:#eef1f5;overflow:hidden;aspect-ratio:16/10;}
.post-card .pc-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.post-card:hover .pc-thumb img{transform:scale(1.05);}
.post-card .pc-body{padding:18px 20px;display:flex;flex-direction:column;gap:9px;}
.post-card .pc-cat{align-self:flex-start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--blog-accent);text-decoration:none;}
.post-card .pc-title{font-size:1.22rem;line-height:1.3;margin:0;font-weight:700;}
.post-card .pc-title a{color:var(--blog-ink);text-decoration:none;}
.post-card .pc-title a:hover{color:var(--blog-accent);}
.post-card .pc-excerpt{margin:0;color:var(--blog-muted);font-size:14.5px;line-height:1.6;}
.post-card .pc-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--blog-muted);align-items:center;}
.post-card .pc-meta .pc-author{font-weight:600;color:var(--blog-text);}
.post-card .pc-meta i{color:var(--blog-accent);margin-right:4px;}
@media (max-width:620px){.post-card{grid-template-columns:1fr;}.post-card .pc-thumb{aspect-ratio:16/9;}}

/* ---- Pagination -------------------------------------------------------- */
.blog-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:32px 0 0;}
.blog-pager a,.blog-pager span{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:8px;border:1px solid var(--blog-border);background:#fff;color:var(--blog-text);text-decoration:none;font-size:14px;font-weight:600;}
.blog-pager a:hover{border-color:var(--blog-accent);color:var(--blog-accent);}
.blog-pager .is-current{background:var(--blog-accent);border-color:var(--blog-accent);color:#fff;}
.blog-pager .is-disabled{opacity:.4;pointer-events:none;}

/* ---- Single post ------------------------------------------------------- */
.post-article{background:var(--blog-card);border:1px solid var(--blog-border);border-radius:var(--blog-radius);box-shadow:var(--blog-shadow);overflow:hidden;}
.post-article .pa-hero{position:relative;aspect-ratio:16/8;background:#eef1f5;}
.post-article .pa-hero img{width:100%;height:100%;object-fit:cover;}
.post-article .pa-inner{padding:26px clamp(18px,3vw,38px) 34px;}
.post-article .pa-cat{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--blog-accent);padding:4px 12px;border-radius:30px;text-decoration:none;margin-bottom:14px;}
.post-article h1{font-size:clamp(1.7rem,1.2rem+2vw,2.6rem);line-height:1.2;color:var(--blog-ink);margin:0 0 16px;font-weight:800;letter-spacing:-.02em;}
.post-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--blog-border);font-size:13.5px;color:var(--blog-muted);}
.post-meta-row .pm-author{display:flex;align-items:center;gap:9px;}
.post-meta-row .pm-author img,.post-meta-row .pm-author .pm-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--blog-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;}
.post-meta-row .pm-author b{color:var(--blog-ink);display:block;font-size:14px;}
.post-meta-row .pm-sep{width:1px;height:26px;background:var(--blog-border);}
.post-meta-row i{color:var(--blog-accent);margin-right:4px;}

/* article body typography */
.post-body{font-size:17px;line-height:1.75;color:#2c333f;}
.post-body > *:first-child{margin-top:0;}
.post-body p{margin:0 0 1.25em;}
.post-body h2{font-size:1.6rem;margin:1.7em 0 .6em;color:var(--blog-ink);font-weight:800;line-height:1.25;}
.post-body h3{font-size:1.3rem;margin:1.5em 0 .5em;color:var(--blog-ink);font-weight:700;}
.post-body h4{font-size:1.12rem;margin:1.3em 0 .5em;color:var(--blog-ink);font-weight:700;}
.post-body a{color:var(--blog-accent-dark);text-decoration:underline;}
.post-body a:hover{color:var(--blog-accent);}
.post-body ul,.post-body ol{margin:0 0 1.25em;padding-left:1.4em;}
.post-body li{margin:0 0 .5em;}
.post-body img{max-width:100% !important;height:auto !important;border-radius:10px;margin:1em 0;display:block;}
.post-body figure{margin:1.5em 0;max-width:100% !important;}
.post-body figure img{margin:0 auto;}
.post-body iframe,.post-body video,.post-body embed{max-width:100% !important;}
.post-body iframe{width:100%;aspect-ratio:16/9;border:0;}
.post-body figcaption{font-size:13px;color:var(--blog-muted);text-align:center;margin-top:6px;}
.post-body blockquote{margin:1.5em 0;padding:14px 20px;border-left:4px solid var(--blog-accent);background:#fff8ef;border-radius:0 8px 8px 0;color:#54320a;font-style:italic;}
.post-body table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:15px;}
.post-body th,.post-body td{border:1px solid var(--blog-border);padding:10px 12px;text-align:left;vertical-align:top;}
.post-body th{background:#f8fafc;font-weight:700;color:var(--blog-ink);}
.post-body code{background:#f1f3f6;padding:2px 6px;border-radius:5px;font-size:.9em;}
/* wide tables scroll horizontally on phones instead of breaking the layout */
@media (max-width:600px){ .post-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;} }

/* tags */
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;}
.post-tags .pt-label{font-weight:700;color:var(--blog-ink);font-size:14px;align-self:center;margin-right:4px;}
.post-tags a{font-size:13px;color:var(--blog-text);background:#f1f3f6;border:1px solid var(--blog-border);padding:5px 12px;border-radius:30px;text-decoration:none;}
.post-tags a:hover{background:var(--blog-accent);color:#fff;border-color:var(--blog-accent);}

/* author box */
.author-box{display:flex;gap:16px;align-items:flex-start;margin:28px 0 0;padding:20px;background:#f8fafc;border:1px solid var(--blog-border);border-radius:var(--blog-radius);}
.author-box .ab-avatar{flex:0 0 64px;width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--blog-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;}
.author-box .ab-name{margin:0;font-size:1.1rem;color:var(--blog-ink);font-weight:700;}
.author-box .ab-name a{color:inherit;text-decoration:none;}
.author-box .ab-role{font-size:12.5px;color:var(--blog-accent);font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin:2px 0 8px;}
.author-box .ab-bio{margin:0;font-size:14.5px;color:var(--blog-muted);line-height:1.6;}
.author-box .ab-social{margin-top:10px;display:flex;gap:10px;}
.author-box .ab-social a{color:var(--blog-muted);font-size:16px;}
.author-box .ab-social a:hover{color:var(--blog-accent);}

/* linked stores (interlink to coupon pages) */
.post-stores{margin:28px 0 0;}
.post-stores h3{font-size:1.15rem;margin:0 0 14px;color:var(--blog-ink);}
.post-stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;}
.store-chip{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;background:#fff;border:1px solid var(--blog-border);border-radius:10px;text-decoration:none;text-align:center;transition:border-color .2s,box-shadow .2s;}
.store-chip:hover{border-color:var(--blog-accent);box-shadow:var(--blog-shadow);}
.store-chip img{width:64px;height:40px;object-fit:contain;}
.store-chip span{font-size:12.5px;color:var(--blog-text);font-weight:600;}

/* prev/next nav */
.post-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 0;}
.post-adjacent a{display:block;padding:16px 18px;background:#fff;border:1px solid var(--blog-border);border-radius:10px;text-decoration:none;transition:border-color .2s;}
.post-adjacent a:hover{border-color:var(--blog-accent);}
.post-adjacent .pa-dir{font-size:12px;color:var(--blog-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;}
.post-adjacent .pa-t{display:block;margin-top:4px;color:var(--blog-ink);font-weight:600;font-size:14.5px;}
.post-adjacent .pa-next{text-align:right;}
@media (max-width:620px){.post-adjacent{grid-template-columns:1fr;}}

/* related */
.related-posts{margin:36px 0 0;}
.related-posts h2{font-size:1.4rem;color:var(--blog-ink);margin:0 0 16px;font-weight:800;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.related-card{background:#fff;border:1px solid var(--blog-border);border-radius:10px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;}
.related-card:hover{box-shadow:var(--blog-shadow-hover);transform:translateY(-2px);}
.related-card .rc-thumb{aspect-ratio:16/10;background:#eef1f5;overflow:hidden;}
.related-card .rc-thumb img{width:100%;height:100%;object-fit:cover;}
.related-card .rc-body{padding:12px 14px;}
.related-card .rc-title{font-size:14.5px;font-weight:700;color:var(--blog-ink);line-height:1.35;margin:0;}
@media (max-width:760px){.related-grid{grid-template-columns:1fr;}}

/* ---- Sidebar widgets --------------------------------------------------- */
.blog-widget{background:var(--blog-card);border:1px solid var(--blog-border);border-radius:var(--blog-radius);box-shadow:var(--blog-shadow);padding:18px 18px 20px;}
.blog-widget h3{font-size:15px;text-transform:uppercase;letter-spacing:.03em;color:var(--blog-ink);margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--blog-accent);font-weight:800;display:inline-block;}
.widget-search form{display:flex;gap:8px;}
.widget-search input{flex:1;min-width:0;border:1px solid var(--blog-border);border-radius:8px;padding:10px 12px;font-size:14px;}
.widget-search button{background:var(--blog-accent);border:0;color:#fff;border-radius:8px;padding:0 14px;cursor:pointer;font-size:15px;}
.widget-recent a{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--blog-border);text-decoration:none;}
.widget-recent a:last-child{border-bottom:0;}
.widget-recent .wr-thumb{flex:0 0 64px;width:64px;height:50px;border-radius:8px;object-fit:cover;background:#eef1f5;}
.widget-recent .wr-title{font-size:13.5px;font-weight:600;color:var(--blog-ink);line-height:1.35;}
.widget-recent .wr-date{font-size:11.5px;color:var(--blog-muted);margin-top:3px;}
.widget-recent a:hover .wr-title{color:var(--blog-accent);}
.widget-cats ul{list-style:none;margin:0;padding:0;}
.widget-cats li{border-bottom:1px solid var(--blog-border);}
.widget-cats li:last-child{border-bottom:0;}
.widget-cats a{display:flex;justify-content:space-between;align-items:center;padding:9px 0;text-decoration:none;color:var(--blog-text);font-size:14px;font-weight:600;}
.widget-cats a:hover{color:var(--blog-accent);}
.widget-cats .wc-count{font-size:12px;background:#f1f3f6;color:var(--blog-muted);border-radius:30px;padding:2px 9px;}
.widget-tags{display:flex;flex-wrap:wrap;gap:8px;}
.widget-tags a{font-size:13px;color:var(--blog-text);background:#f1f3f6;border:1px solid var(--blog-border);padding:5px 11px;border-radius:30px;text-decoration:none;}
.widget-tags a:hover{background:var(--blog-accent);color:#fff;border-color:var(--blog-accent);}
.widget-cta{background:linear-gradient(135deg,var(--blog-accent),var(--blog-accent-dark));color:#fff;text-align:center;}
.widget-cta h3{color:#fff;border-color:rgba(255,255,255,.5);}
.widget-cta p{font-size:14px;margin:0 0 14px;opacity:.95;}
.widget-cta a{display:inline-block;background:#fff;color:var(--blog-accent-dark);font-weight:700;padding:10px 20px;border-radius:8px;text-decoration:none;}

/* empty state */
.blog-empty{background:#fff;border:1px dashed var(--blog-border);border-radius:var(--blog-radius);padding:48px 20px;text-align:center;color:var(--blog-muted);}
.blog-empty i{font-size:40px;color:#cfd5de;display:block;margin-bottom:12px;}