/* Main – theme-switch aware */

/* NAV: container & search */
.nav-below-header .main-navigation .inside-navigation.grid-container,
.nav-above-header  .main-navigation .inside-navigation.grid-container{ padding:0 20px 15px; }

.main-navigation a{ display:flex !important; }
.main-navigation .nav-search{ margin-left:auto; display:flex; justify-content:flex-end; flex:0 0 auto; }
.main-navigation .navigation-search{ max-width:100%; width:auto; display:flex; align-items:center; gap:0; padding:0; margin:0; }

.main-navigation .search-field{
  flex:1; min-width:0; padding:8px 10px;
  border:1px solid var(--line); border-right:none;
  border-radius:4px 0 0 4px; box-sizing:border-box;
  background:var(--base-2); color:var(--text);
}
.main-navigation .search-field::placeholder{ color:var(--muted); }
.main-navigation .search-submit{
  background:var(--brand); color:#fff;
  border:1px solid var(--brand); border-left:none;
  padding:0 12px; height:100%;
  display:flex; align-items:center; justify-content:center;
  border-radius:0 4px 4px 0; box-sizing:border-box;
  transition:opacity .2s ease;
}
.main-navigation .search-submit:hover{ opacity:.92; }
.main-navigation .main-nav ul li a{ line-height:30px; }

/* NAV: mobile */
@media (max-width:768px){
  .inside-navigation{ justify-content:flex-start; gap:0; }
  .main-navigation .menu-toggle{ order:1; flex:0 0 auto; padding-left:0; }
  .main-navigation .nav-search{ order:2; flex:1 1 auto; margin:0 15px; }
  .main-navigation .navigation-search,
  .main-navigation .nav-search form{ display:flex; align-items:center; max-width:220px; width:100%; gap:0; }
  .main-navigation .search-field{ flex-grow:1; min-width:0; }
  .main-navigation .search-submit{
    padding:0 10px; background:var(--brand); color:#fff; border:1px solid var(--brand); height:40px;
  }
  .main-navigation .main-nav{ order:3; flex:1 1 100%; display:none; }
  .main-navigation.toggled .main-nav{ display:block; }
}
@media (max-width:480px){
  .main-navigation .nav-search{ margin-left:0; max-width:100%; flex:1 1 auto; }
  .main-navigation .search-field{ max-width:150px; width:100%; flex-grow:1; min-width:0; box-sizing:border-box; border-radius:4px 0 0 4px; }
  .main-navigation .search-submit{
    flex-shrink:0; padding:0 10px; height:40px; background:var(--brand); color:#fff;
    border:1px solid var(--brand); border-left:none; border-radius:0 4px 4px 0;
  }
}

/* MAIN NAV: base style */
.main-nav ul.menu{ display:flex; flex-wrap:wrap; gap:15px; list-style:none; padding:0; margin:0; }
.main-nav ul.menu li{ position:relative; }
.main-nav ul.menu li a{
  display:flex; align-items:center; gap:6px; padding:5px; border-radius:8px; text-decoration:none; font-weight:600;
  color:var(--text); background:var(--base-3);
  transition:all .2s ease; box-shadow:0 2px 5px rgba(0,0,0,.05);
}
.main-nav ul.menu li.current-menu-item a{ background:var(--brand); color:#fff; }
.main-nav ul.menu li a:hover{ background:var(--brand); color:#fff !important; }
.main-nav ul.menu li a svg{ width:18px; height:18px; fill:currentColor; }

/* PAGING NAV (block) */
.site-main .paging-navigation{ grid-column:1 / -1; justify-self:center; width:auto; max-width:100%; padding:20px 0; background:content-box;}
.paging-navigation{ display:flex; flex-direction:column; align-items:center; gap:15px; font-family:"Segoe UI",sans-serif; }
.paging-navigation .nav-links{ display:flex; flex-wrap:wrap; gap:10px; }
.paging-navigation .page-numbers{
  padding:6px 12px; min-width:42px;
  background:var(--base-3); color:var(--text);
  border-radius:6px; text-decoration:none; border:1px solid var(--line);
  font-weight:600; transition:.2s;
}
.paging-navigation .page-numbers:hover,
.paging-navigation .page-numbers.current{ background:var(--brand); color:#fff; border-color:var(--brand); }
.paging-navigation .page-numbers.current{ pointer-events:none; font-weight:700; }
.paging-navigation .nav-previous{ display:none; gap:10px; align-items:center; }

/* GLOBAL WRAPPERS / UTILITIES */
.widget-area .widget{ padding:15px; }
.post-image:not(:first-child){ margin-top:5px; }
.global-before-footer,.global-after-header{max-width:1200px; padding:10px; margin: 10px auto; }
.entry-summary{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
a{ text-decoration:none; color:var(--brand); }

/* POST CARD IMAGE (listing) */
.inside-article .post-image{ order:-1; margin-bottom:10px; }
.post-image-wrapper{ position:relative; overflow:hidden; border-radius:8px; }
.post-image a{ display:block; position:relative; }
.post-image img{ width:100%; height:auto; display:block; border-radius:8px; transition:transform .3s ease; background:var(--base-3); }
.post-image a:hover img{ transform:scale(1.03); }
.play-button{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:60px; height:60px;
  background:rgba(0,0,0,.5);
  mask:url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8 5v14l11-7z"/></svg>') center/contain no-repeat;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg fill="white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8 5v14l11-7z"/></svg>') center/contain no-repeat;
  opacity:0; transition:opacity .3s ease; pointer-events:none;
}
.post-image a:hover .play-button{ opacity:1; }
.page-header-image-single{ display:none !important; }

/* HIDE ENTRY META FOOTER */
.entry-meta[aria-label="Entry meta"]{
  font-size:.75rem; color:var(--muted); margin:auto 12px 12px;
  border-top:1px solid var(--line); padding-top:10px; display:none;
}

/* categories small tweak */
li.cat-item{ display:inline-block; }

/* BREADCRUMBS */
#breadcrumbs{
  display:flex; flex-wrap:wrap; align-items:center; gap:6px; font-size:15px;
  background:var(--base-2); padding:10px 18px;
  border-radius:10px; box-shadow:0 3px 10px rgba(0,0,0,.1); color:var(--text); margin:20px 0;
  border:1px solid var(--line);
}
#breadcrumbs span[itemprop="itemListElement"]{ display:flex; align-items:center; }
#breadcrumbs a{ color:var(--brand); text-decoration:none; font-weight:500; display:flex; align-items:center; gap:4px; }
#breadcrumbs a:hover{ color:color-mix(in srgb, var(--brand) 85%, #000 15%); }
#breadcrumbs .breadcrumb-icon{ display:inline-flex; margin-right:4px; color:var(--brand); }
#breadcrumbs span[itemprop="itemListElement"] + span[itemprop="itemListElement"]::before{ content:"›"; margin:0 6px; color:var(--muted); font-weight:bold; }

/* GENERIC WIDGET TITLE */
.widget-title{
  --widget-accent:#b707ff;
  font-size:clamp(1.5rem,2.5vw + .5rem,2rem);
  line-height:1.5; font-weight:700; text-transform:uppercase;
  color:var(--widget-accent); border-left:5px solid var(--widget-accent);
  padding-left:15px; margin-bottom:15px;
}

/* SECTION HEADER / VIEW ALL */
.section-title .icon-wrap{ font-size:1.8em; display:inline-block; line-height:1; }
.section-title .text-wrap{
  position:relative; display:inline-block; background:inherit;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-transform:uppercase;
}
.section-title .text-wrap::after{
  content:''; position:absolute; left:50%; bottom:-8px; transform:translateX(-50%);
  width:60px; height:4px; background:#ff4e50; border-radius:2px;
}
.view-all-link{
  font-size:.95rem; font-weight:600; background:var(--brand); color:#fff;
  padding:6px 12px; margin-right:10px; border-radius:4px; text-decoration:none; transition:.2s;
}
.view-all-link:hover{ filter:brightness(.92); }

/* STATUS UTILITIES */
.status-completed{ background:#e53935 !important; }
.status-ongoing{ background:#1e88e5 !important; }
.status-upcoming{ background:#fb8c00 !important; }
.status-hiatus{ background:#757575 !important; }

/* Wrapper GeneratePress */
.site.grid-container.container,
.grid-container.container{
  max-width:var(--content-max,1200px);
  margin-left:auto; margin-right:auto;
  padding-left:0; padding-right:0;
}
.single-post.separate-containers .inside-article,
.separate-containers .comments-area{ padding:10px !important; }
@media (max-width:768px){
  .single-post.separate-containers .inside-article,
  .separate-containers .comments-area{ padding:5px !important; }
}

/* Modal (lightweight) */
.modal{ position:fixed; top:0; left:0; right:0; bottom:0; display:none; overflow:hidden; outline:0; z-index:1050; }
.modal.fade{ opacity:0; transition:opacity .15s linear; }
.modal.show{ display:block; }
.modal.show.fade{ opacity:1; }
.modal-dialog{ position:relative; max-width:600px; margin:1.75rem auto; pointer-events:none; }
.modal-dialog-centered{ display:flex; align-items:center; min-height:calc(100% - 3.5rem); }
.modal-content{
  position:relative; display:flex; flex-direction:column; width:100%; pointer-events:auto;
  background:var(--base-2); border:1px solid var(--line); border-radius:.5rem; outline:0;
  box-shadow:0 10px 25px rgba(0,0,0,.2); color:var(--text);
}
.modal-header{ display:flex; align-items:center; justify-content:space-between; padding:.75rem 1rem; border-bottom:1px solid var(--line); }
.modal-title{ margin:0; font-size:1rem; font-weight:700; color:var(--text); }
.modal-body{ position:relative; padding:1rem; color:var(--text); }
.btn-close{ border:0; background:transparent; width:1em; height:1em; opacity:.7; cursor:pointer; color:var(--text); }
.btn-close:hover{ opacity:.9; }
.modal-backdrop{ position:fixed; top:0; left:0; width:100vw; height:100vh; background:#000; opacity:.3; z-index:1040; }
.modal-backdrop.show{ opacity:.5; }