/*
Theme Name: OhYeahLive Deals
Theme URI: https://ohyeahlive.com/
Author: OhYeahLive / Ron Cobert
Author URI: https://ohyeahlive.com/
Description: A lightweight affiliate hub theme with a Deal custom post type, categories, shortcode grid, and a ready homepage template.
Version: 1.0.3
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ohyeahlivedeals
Tags: affiliate, deals, blog, grid, marketing
*/
:root{--bg:#0d0d0d;--card:#131316;--muted:#888;--text:#f5f5f7;--accent:#e31b54;--accent-2:#3aa6ff;--radius:16px;--shadow:0 10px 20px rgba(0,0,0,.25);}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.55;}
a{
        color: #ffffff;
    text-decoration: none;
}

a:hover{text-decoration:underline}

.container{max-width:1200px;margin:0 auto;padding: 2px 24px;}
.site-header{padding:18px 0;border-bottom:1px solid #222;background:#0f0f11;position:sticky;top:0;z-index:10}
.brand{font-weight:800;letter-spacing:.2px}
nav.primary a{margin-right:16px;color:#cbd5e1}nav.primary a:hover{color:#fff}
.hero{padding:4px 0 10px 0;background:linear-gradient(180deg,#101014 0%, #0b0b0c 100%); border-bottom: 1px solid #222;}
.herobuttons{
    width: 628px;
    margin: 0 auto;
}
.hero h1{font-size:40px;margin:0 0 12px 0; text-align: center;}
.hero p{max-width:100%;color:#cbd5e1;margin:0}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;
background:#e31b54;font-weight:700;box-shadow:var(--shadow)}
.btn.secondary{background:#27272a}

.herobuttons a
 {
    text-align: center;
}

.grid{
    display:grid;grid-template-columns:repeat(1,1fr);gap:18px
    
}
.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.card h3{margin:8px 0 6px 0;font-size:18px}.card .meta{font-size:12px;color:#cbd5e1}
.badge{display:inline-block;background:#1f2937;color:#e5e7eb;padding:4px 8px;border-radius:999px;font-size:12px;margin-right:6px}
.deal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.deal-card{background:var(--card);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.deal-card .logo{width:100%; background:#0f172a;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.deal-card .logo img{object-fit:contain}
.deal-card .title{font-weight:700;font-size:16px}
.deal-card .desc{color:#cbd5e1;font-size:14px;min-height:42px}
.deal-card .cta{display:flex;gap:10px;margin-top:auto}
.cta .btn{flex:1;text-align:center}
.footer{padding:32px 0;border-top:1px solid #222;color:#cbd5e1;margin-top:40px}
.alignwide{max-width:1200px;margin:0 auto}.alignfull{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
figure{margin:0}img{height:auto}.screen-reader-text{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}


/* Category grid: 1-up on mobile, 4-up on desktop */
.section-featured-categories .cat-inventory-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

@media (min-width:768px){
  .section-featured-categories .cat-inventory-grid{
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:18px;
  }
}

/* Tiles */
.section-featured-categories .cat-inventory-tile{
  display:flex; flex-direction:column;
  border:1px solid #e5e7eb; border-radius:16px; overflow:hidden;
}
.section-featured-categories .cat-inventory-tile .thumb img{
  display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover;
}

article.cat-inventory-tile a, article.cat-inventory-tile h3, article.cat-inventory-tile p {
    text-align: center;
}

.section-featured-categories .cat-title{
  margin:10px 12px 0; font-size:1rem; line-height:1.3;
}

.section-featured-categories .cat-latest{
  margin:4px 12px 8px; font-size:.9rem; color:#d3d3d3;
}
.section-featured-categories .cat-latest.out{
  color:#d1d1d1; /* out-of-stock/inventory-out */
}

.section-featured-categories .btn{
  display:inline-block; margin:0 12px 12px;
  padding:.55rem .9rem; border:1px solid #111; border-radius:10px; text-decoration:none; color:#e4e4e4;
}

/* Optional hover */
@media (min-width:768px){
  .section-featured-categories .cat-inventory-tile{ transition: box-shadow .2s ease; }
  .section-featured-categories .cat-inventory-tile:hover{ box-shadow:0 6px 18px rgba(0,0,0,.08); }
}

/* Scope to the Video & Media category page */
body.category-video-media .archive-grid {
  display: grid;
  grid-template-columns: 1fr;          /* 1-up on mobile */
  gap: 16px;
}

@media (min-width: 768px) {
  body.category-video-media .archive-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));  /* 4-up on desktop */
    gap: 18px;
  }
}

/* Card styling */
body.category-video-media .archive-grid .card {
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

body.category-video-media .archive-grid .card .thumb img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;     /* consistent crop */
  object-fit: cover;
}

body.category-video-media .archive-grid .card-title {
  margin: 10px 12px 0;
  font-size: 1rem;
  line-height: 1.3;
}

body.category-video-media .archive-grid .meta {
  margin: 4px 12px 8px;
  font-size: .85rem;
  color: #6b7280;
}

body.category-video-media .archive-grid .excerpt {
  margin: 0 12px 12px;
}

/* Optional hover polish */
@media (min-width: 768px) {
  body.category-video-media .archive-grid .card {
    transition: box-shadow .2s ease;
  }
  body.category-video-media .archive-grid .card:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
  }
}


.meta {
    display: none;
}


@media (max-width: 768px) {
    .herobuttons {
    width: 100%;
    margin: 0 auto;
}
}

/* Hello + account menu */
.oyl-account { position: relative; display:inline-flex; align-items:center; margin-right:12px; }
.oyl-hello-user {
  background: transparent; border: 0; cursor: pointer;
  font: inherit; color: inherit; padding: 6px 8px; line-height: 1;
}
.oyl-hello-user:hover { text-decoration: underline; }

/* Dropdown */
.oyl-account-menu {
  position: absolute; top: 100%; left: 0;
  min-width: 200px; margin-top: 8px; padding: 8px;
  background: #fff; border: 1px solid #e5e7eb; border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.08); z-index: 50;
  display: grid; gap: 6px;
}
.oyl-account-link {
  display: block; padding: 8px 10px; border-radius: 8px; text-decoration: none; color: #111;
}
.oyl-account-link:hover { background: #f3f4f6; }

/* Keep header alignment tight on mobile */
@media (max-width: 767px){
  .oyl-account { margin-right: 8px; }
}


.oyl-account-menu[hidden]{display:none!important;}
.oyl-account{position:relative;display:inline-flex;align-items:center;margin-right:12px;color:inherit;background:transparent;}
.oyl-hello-user{background:transparent;border:0;padding:6px 8px;line-height:1;font:inherit;color:inherit;cursor:pointer;}
.oyl-hello-user:hover,.oyl-hello-user:focus{text-decoration:underline;}
.oyl-account-menu{background: #000 !important;
  position:absolute;top:calc(100% + 8px);right:0;min-width:220px;padding:8px;border-radius:12px;
  background:inherit;color:inherit;border:1px solid color-mix(in srgb, currentColor 12%, transparent);
  box-shadow:0 10px 24px rgba(0,0,0,.08);z-index:1000;display:grid;gap:6px;
}
.oyl-account-link{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;color:inherit;}
.oyl-account-link:hover,.oyl-account-link:focus{background:color-mix(in srgb, currentColor 10%, transparent);}
@media (max-width:767px){ .oyl-account{margin-right:8px;} }

/*----new css-----*/

img.ohd-featured.wp-post-image{
 display:none;   
}

.amazon a {
    color: #64ff64;
    text-decoration: underline;
}
}