/* Version: 1.5.9.8 */

/*
Theme Name: itsSomeSite
Theme URI: https://itssomesite.com
Author: You
Description: Lightweight music/video/comics theme with 8-post carousel, 1:1 grids, dark default, and per-page light/dark backgrounds.
Version: 1.5.9.8
Text Domain: itssomesite
*/

:root{
  --color-bg:#0f0f10;
  --color-text:#f3f4f6;
  --color-primary:#22c55e;
  --color-accent:#2563eb;
  --header-opacity:0.9;
  --grid-columns:4;
  --border-dark: rgba(255,255,255,.08);
  --border-light: rgba(0,0,0,.12);
}

body.theme-light{
  --color-bg:#ffffff;
  --color-text:#0b1220;
  --color-primary:#16a34a;
  --color-accent:#2563eb;
  --border-light: rgba(0,0,0,.12);
}

/* Base */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--color-bg);color:var(--color-text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
a{color:var(--color-accent);text-decoration:none}
a:focus,button:focus,input:focus{outline:2px solid var(--color-accent);outline-offset:2px}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(15,15,16,var(--header-opacity));backdrop-filter:blur(10px);border-bottom:1px solid var(--border-dark)}
body.theme-light .site-header{background:#ffffff;border-bottom:1px solid var(--border-light)}
.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 16px}
.site-title,.site-title a{color:var(--color-text);text-decoration:none;font-weight:700}
.site-tagline{opacity:.75;font-size:.9rem}

.header-icon,.footer-icon{width:48px;height:48px;object-fit:contain;border-radius:10px;border:1px solid var(--border-dark)}
body.theme-light .header-icon,body.theme-light .footer-icon{border-color:var(--border-light)}

/* Nav */
.primary-nav{display:flex;flex:1}
.primary-nav .menu{list-style:none;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap}
.primary-nav a{color:var(--color-text);opacity:.85;padding:6px 8px;display:inline-block}
.primary-nav a:hover,.primary-nav a:focus{opacity:1;color:var(--color-accent)}
.primary-nav .menu>li{position:relative}
.primary-nav .menu>li.menu-item-has-children>a::after{content:"▾";font-size:.75rem;margin-left:6px;opacity:.8}
.primary-nav .sub-menu{position:absolute;left:0;top:100%;min-width:220px;background:rgba(15,15,16,.96);border:1px solid var(--border-dark);border-radius:10px;display:none;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
body.theme-light .primary-nav .sub-menu{background:#fff;border-color:var(--border-light);box-shadow:0 10px 30px rgba(0,0,0,.08)}
.primary-nav .sub-menu li{display:block}
.primary-nav .sub-menu a{display:block;padding:8px 10px;opacity:1}
@media(hover:hover){.primary-nav .menu li:hover>.sub-menu,.primary-nav .menu li:focus-within>.sub-menu{display:block}}

/* Mobile menu */
.nav-toggle{display:none;margin-left:auto;border:1px solid var(--border-dark);background:transparent;color:var(--color-text);border-radius:10px;padding:6px 10px;cursor:pointer}
.nav-toggle[aria-expanded="true"]{background:rgba(255,255,255,.08)}
body.theme-light .nav-toggle{border-color:var(--border-light)}
@media(max-width:860px){
  .nav-toggle{display:inline-flex;align-items:center;gap:8px}
  .primary-nav{width:100%}
  .primary-nav .menu{display:none;flex-direction:column;gap:8px;width:100%;margin-top:10px;background:rgba(15,15,16,.96);border:1px solid var(--border-dark);border-radius:12px;padding:8px}
  body.theme-light .primary-nav .menu{background:#fff;border-color:var(--border-light)}
  .primary-nav .menu.is-open{display:flex}
  .primary-nav .sub-menu{position:static;display:none;padding-left:10px;box-shadow:none;border:none;background:transparent}
  .primary-nav .menu li.is-open>.sub-menu{display:block}
}

/* Content area */
.site-content{max-width:1100px;margin:24px auto;padding:0 16px}

/* Grid */
.posts-grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:12px}
.post-card{background:rgba(255,255,255,.03);border:1px solid var(--border-dark);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.post-card .thumb{aspect-ratio:1/1;background:#111;display:block;overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.post-card .content{padding:10px 12px}
.post-card h2{margin:.2rem 0 .4rem;font-size:.95rem}
.post-card .meta{font-size:.78rem;opacity:.75;margin-bottom:.35rem}
body.theme-light .post-card{background:#fff;border-color:var(--border-light)}
.post-card h2 a{color:var(--color-text)}

/* Footer */
.site-footer{margin-top:40px;border-top:1px solid var(--border-dark);background:rgba(15,15,16,.9)}
body.theme-light .site-footer{background:#ffffff;border-top:1px solid var(--border-light);color:#0b1220}
.footer-inner{max-width:1100px;margin:0 auto;padding:16px;display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}

/* Buttons */
.button,button,input[type=submit]{background:var(--color-primary);color:#0b1220;padding:8px 12px;border-radius:10px;border:none}

/* Responsive columns */
@media(max-width:1100px){:root{--grid-columns:3}}
@media(max-width:800px){:root{--grid-columns:2}}
@media(max-width:520px){:root{--grid-columns:1}}

/* Carousel */
.iss-c-wrap{margin:0 0 14px}
.iss-c-head{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 6px}
.iss-c-outer{position:relative;overflow:visible}
.iss-c{display:grid;grid-auto-flow:column;grid-auto-columns:85%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px}
.iss-c::-webkit-scrollbar{display:none}
@media(min-width:540px){.iss-c{grid-auto-columns:65%}}
@media(min-width:920px){.iss-c{grid-auto-columns:45%}}
.iss-item{scroll-snap-align:center;background:rgba(255,255,255,.03);border:1px solid var(--border-dark);border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.45)}
body.theme-light .iss-item{background:#fff;border-color:var(--border-light)}
.iss-media{position:relative;overflow:hidden}
.iss-media.ar169{aspect-ratio:16/9}.iss-media.ar11{aspect-ratio:1/1}
.iss-media img{width:100%;height:100%;object-fit:cover;display:block}
.iss-poster{position:absolute;inset:0}
.iss-play{position:absolute;inset:auto auto 10px 10px;display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.6);color:#fff;border:1px solid var(--border-dark);padding:8px 10px;border-radius:999px;cursor:pointer;font-size:.9rem;line-height:1}
body.theme-light .iss-play{background:rgba(255,255,255,.85);color:#111;border-color:var(--border-light)}
.iss-embed iframe,.iss-embed video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.iss-arw{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:999px;border:1px solid var(--border-dark);background:rgba(0,0,0,.45);backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;color:#fff;z-index:5}
.iss-arw svg{width:18px;height:18px}
.iss-arwL{left:6px}.iss-arwR{right:6px}

/* Mobile polish */
@media (max-width: 540px){
  .iss-c{ grid-auto-columns: 92%; }
  .iss-arw{ width: 44px; height: 44px; }
}


/* v1.5.9.2 — smaller recent cards (~half), header emblem sizing */
.header-icon{ width:40px; height:40px; }

/* Half-size feel for recent grid */
:root{ --grid-columns:6; }
.posts-grid{ gap:10px; }
.post-card{ border-radius:12px; }
.post-card .content{ padding:8px 10px; }
.post-card h2{ font-size:.85rem; }
.post-card .meta{ font-size:.72rem; }
@media(max-width:1200px){ :root{ --grid-columns:4; } }
@media(max-width:900px){ :root{ --grid-columns:3; } }
@media(max-width:640px){ :root{ --grid-columns:2; } }
@media(max-width:420px){ :root{ --grid-columns:1; } }


/* v1.5.9.6 — theme-aware tiles */
.post-card{ background: rgba(255,255,255,.04); }
body.theme-light .post-card{ background:#ffffff; color:#0b1220; }
.post-card h2 a{ color: var(--color-text); }
body.theme-light .post-card h2 a{ color:#0b1220; }

/* If shortcode outputs simple list/grid without .post-card */
.latest-feed .item, .iss-tiles .item, .latest-feed article {
  background: rgba(255,255,255,.04);
  border: 1px solid var(--border-dark);
  border-radius: 12px;
  padding: 8px;
}
body.theme-light .latest-feed .item,
body.theme-light .iss-tiles .item,
body.theme-light .latest-feed article {
  background:#ffffff;
  border-color: var(--border-light);
  color:#0b1220;
}

/* Square thumbs */
.latest-feed .thumb, .iss-tiles .thumb { aspect-ratio: 1/1; overflow: hidden; }
.latest-feed .thumb img, .iss-tiles .thumb img { width:100%; height:100%; object-fit:cover; display:block; }


/* v1.5.9.6 — centered & clamped titles (mobile friendly) */
.post-card .content, .latest-feed .item, .iss-tiles .item{ text-align: center; }
.post-card h2, .latest-feed h2, .iss-tiles h2 {
  font-size: 1rem;
  line-height: 1.3;
  text-align: center;
  margin: .2rem auto .4rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 600px){
  .post-card h2, .latest-feed h2, .iss-tiles h2 {
    font-size: .85rem;
    line-height: 1.2;
  }
}


/* v1.5.9.6 — mobile submenu toggle + link click safety */
.sub-toggle{
  display:none;
  border:1px solid var(--border-dark);
  background:transparent;
  color:var(--color-text);
  border-radius:8px;
  padding:4px 8px;
  margin-left:6px;
  cursor:pointer;
  font-size:.85rem;
  position:relative; z-index:2; touch-action:manipulation;
}
body.theme-light .sub-toggle{ border-color:var(--border-light); }
.primary-nav .menu > li > a { position: relative; z-index: 2; pointer-events: auto; }
@media(max-width:860px){
  .sub-toggle{ display:inline-block; }
  .primary-nav .menu li{ position: relative; }
  .primary-nav .sub-menu{ position: static; z-index: 1; }
}


/* v1.5.9.7 — light/dark background image support */
body.has-bg-light.theme-light{ background-color:#f7f7f9; background-position:center; background-size:cover; background-repeat:no-repeat; }
body.has-bg-dark.theme-dark{ background-color:#0e0f12; background-position:center; background-size:cover; background-repeat:no-repeat; }
body.bg-fixed{ background-attachment: fixed; }
body.bg-scroll{ background-attachment: scroll; }

/* Optional: disable heavy bg images on small screens */
@media (max-width: 768px){
  body.bg-mobile-off.theme-light{ background-image:none !important; background-color:#f7f7f9 !important; }
  body.bg-mobile-off.theme-dark{ background-image:none !important; background-color:#0e0f12 !important; }
}

/*
 * === itsSomeSite 1.5.9.7c: Card background tint + dark-mode date contrast ===
 * Date: 2025-09-09 05:24
 */
:root{ --card-bg-light: hsl(150, 60%, 98%); --card-fg-light:#0f0f10; --card-border-light:#2a2a2a1a; }
.wp-block-post,.wp-block-latest-posts__list li,.wp-block-query .wp-block-post-template > li,
.blog .site-main > article,.archive .site-main > article,.search .site-main > article,
.category .site-main > article,.tag .site-main > article,.author .site-main > article{
  background: var(--card-bg-light) !important; border-color: var(--card-border-light) !important;
}
.wp-block-post-featured-image img,.wp-block-embed.is-type-video iframe,.wp-block-embed__wrapper iframe{
  display:block;margin:0 auto 10px;border-radius:10px;max-width:100%;
}
html.dark body,body.dark,html[data-theme="dark"],body[data-theme="dark"]{
  --card-bg-dark:#0d0f12; --card-fg-dark:#f1f3f5; --card-border-dark:#2a2f36;
}
html.dark .wp-block-post,html.dark .wp-block-latest-posts__list li,html.dark .wp-block-query .wp-block-post-template > li,
html.dark .blog .site-main > article,html.dark .archive .site-main > article,html.dark .search .site-main > article,
html.dark .category .site-main > article,html.dark .tag .site-main > article,html.dark .author .site-main > article,
body.dark .wp-block-post,body.dark .wp-block-latest-posts__list li,body.dark .wp-block-query .wp-block-post-template > li,
body.dark .blog .site-main > article,body.dark .archive .site-main > article,body.dark .search .site-main > article,
body.dark .category .site-main > article,body.dark .tag .site-main > article,body.dark .author .site-main > article,
[data-theme="dark"] .wp-block-post,[data-theme="dark"] .wp-block-latest-posts__list li,[data-theme="dark"] .wp-block-query .wp-block-post-template > li,
[data-theme="dark"] .blog .site-main > article,[data-theme="dark"] .archive .site-main > article,[data-theme="dark"] .search .site-main > article,
[data-theme="dark"] .category .site-main > article,[data-theme="dark"] .tag .site-main > article,[data-theme="dark"] .author .site-main > article{
  background: var(--card-bg-dark) !important; color: var(--card-fg-dark) !important; border-color: var(--card-border-dark) !important;
}
html.dark .wp-block-latest-posts__post-date,html.dark .wp-block-post-date,
body.dark .wp-block-latest-posts__post-date,body.dark .wp-block-post-date,
[data-theme="dark"] .wp-block-latest-posts__post-date,[data-theme="dark"] .wp-block-post-date{ color: rgba(245,245,245,.85) !important; }
.wp-block-latest-posts__post-date,.wp-block-post-date{ color: rgba(20,20,25,.55); }

/* Background image defaults: centered + cover */
body.has-bg-light.theme-light,
body.has-bg-dark.theme-dark{
  background-position: center top;   /* looks best for hero images */
  background-size: cover;
  background-repeat: no-repeat;
}

/* On small screens, center vertically a bit more */
@media (max-width: 768px){
  body.has-bg-light.theme-light,
  body.has-bg-dark.theme-dark{
    background-position: center;     /* keeps subject in view on phones */
  }
}

/* Respect the class the PHP adds for fixed/scroll + mobile-off */
body.bg-fixed  { background-attachment: fixed; }
body.bg-scroll { background-attachment: scroll; }
@media (max-width: 640px){
  body.bg-mobile-off { background-image: none !important; }
}

/* Header: auto-center container and scale logo/title nicely */
.header-inner{
  max-width: min(1100px, 94vw);
  margin-inline: auto;
}
.header-icon{
  width: clamp(36px, 4.5vw, 52px);
  height: clamp(36px, 4.5vw, 52px);
  object-fit: contain;
}
.site-title a{
  font-size: clamp(20px, 2.6vw, 28px);
}

/* Keep things centered on small screens when the menu collapses */
@media (max-width: 860px){
  .header-inner{ flex-wrap: wrap; justify-content: center; }
  .primary-nav{ justify-content: center; }
}