/*
Theme Name: Dramivo
Theme URI: https://dramivo.my.id/
Author: Dramivo
Description: A cinematic, responsive WordPress theme for Chinese drama synopses, reviews, and official streaming guides. Works with Classic Editor and Dramivo Drama Card plugin.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: dramivo
*/
:root{--dv-bg:#11101c;--dv-panel:#1b1929;--dv-panel2:#242138;--dv-text:#f6f4fb;--dv-muted:#b8b4c9;--dv-gold:#f6c75b;--dv-pink:#f32983;--dv-line:rgba(255,255,255,.1);--dv-width:1200px;--dv-radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dv-bg);color:var(--dv-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.75}a{color:var(--dv-gold);text-decoration:none}a:hover{color:#ffe19a}img{max-width:100%;height:auto}button,input{font:inherit}.dv-container{width:min(var(--dv-width),calc(100% - 40px));margin-inline:auto}.dv-topline{height:4px;background:linear-gradient(90deg,var(--dv-pink),var(--dv-gold))}.dv-header{position:sticky;top:0;z-index:50;background:rgba(17,16,28,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--dv-line)}.dv-header-inner{min-height:78px;display:flex;align-items:center;gap:30px}.dv-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;color:#fff}.dv-brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#f6c75b,#f32983);color:#171326;font-size:21px;font-weight:900}.dv-brand-name{display:block;font-size:24px;line-height:1.1;font-weight:900;letter-spacing:1.5px}.dv-brand-tag{display:block;margin-top:4px;color:var(--dv-muted);font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.dv-nav{flex:1}.dv-nav ul{display:flex;align-items:center;gap:24px;list-style:none;padding:0;margin:0}.dv-nav a{font-size:13px;font-weight:700;color:#e9e6f2}.dv-nav a:hover,.dv-nav .current-menu-item>a{color:var(--dv-gold)}.dv-header-actions{display:flex;align-items:center;gap:10px}.dv-search-toggle,.dv-menu-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--dv-line);border-radius:12px;background:var(--dv-panel);color:#fff;cursor:pointer}.dv-search-form{display:none;padding:0 0 16px}.dv-search-form.is-open{display:block}.dv-search-form form{display:flex;gap:8px}.dv-search-form input[type=search]{flex:1;min-width:0;padding:12px 15px;border:1px solid var(--dv-line);border-radius:10px;background:var(--dv-panel);color:#fff}.dv-search-form input[type=submit],.dv-button{border:0;border-radius:10px;background:var(--dv-pink);color:#fff;padding:11px 17px;font-weight:800;cursor:pointer}.dv-menu-toggle{display:none}.dv-hero{padding:44px 0 32px}.dv-hero-box{position:relative;overflow:hidden;border:1px solid var(--dv-line);border-radius:24px;padding:clamp(26px,5vw,62px);background:radial-gradient(ellipse at 85% 10%,rgba(243,41,131,.25),transparent 34%),radial-gradient(ellipse at 12% 100%,rgba(246,199,91,.13),transparent 38%),linear-gradient(135deg,#242039,#171523 65%)}.dv-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--dv-gold);font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.dv-hero h1{max-width:760px;margin:14px 0 14px;font-size:clamp(34px,5.5vw,64px);line-height:1.08;letter-spacing:-1.7px}.dv-hero p{max-width:680px;color:var(--dv-muted);font-size:17px;margin:0 0 24px}.dv-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.dv-button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border:1px solid rgba(246,199,91,.55);border-radius:10px;color:#fff;font-weight:800}.dv-section{padding:20px 0 34px}.dv-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.dv-section-head h2,.dv-page-title{margin:0;font-size:clamp(23px,3vw,32px);line-height:1.2;letter-spacing:-.5px}.dv-section-head p{margin:6px 0 0;color:var(--dv-muted);font-size:13px}.dv-view-all{font-size:12px;font-weight:800;white-space:nowrap}.dv-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.dv-card{min-width:0;border:1px solid var(--dv-line);border-radius:14px;overflow:hidden;background:var(--dv-panel);transition:transform .2s,border-color .2s}.dv-card:hover{transform:translateY(-4px);border-color:rgba(246,199,91,.45)}.dv-card-image{display:block;position:relative;aspect-ratio:2/3;background:var(--dv-panel2);overflow:hidden}.dv-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.dv-card:hover .dv-card-image img{transform:scale(1.04)}.dv-card-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--dv-gold);font-size:34px;background:linear-gradient(145deg,#302744,#191725)}.dv-card-content{padding:13px}.dv-card-content h3{margin:0 0 7px;font-size:14px;line-height:1.4}.dv-card-content h3 a{color:#fff}.dv-card-meta{color:var(--dv-muted);font-size:11px;line-height:1.5}.dv-tag{display:inline-block;margin:0 5px 5px 0;padding:3px 8px;border-radius:999px;background:rgba(246,199,91,.1);color:var(--dv-gold);font-size:10px;font-weight:800}.dv-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;padding:36px 0 56px}.dv-main{min-width:0}.dv-sidebar{min-width:0}.dv-widget{padding:20px;margin-bottom:20px;border:1px solid var(--dv-line);border-radius:14px;background:var(--dv-panel)}.dv-widget-title{margin:0 0 14px;font-size:15px}.dv-widget ul{list-style:none;padding:0;margin:0}.dv-widget li{padding:8px 0;border-bottom:1px solid var(--dv-line);font-size:13px}.dv-widget li:last-child{border-bottom:0}.dv-breadcrumb{margin-bottom:15px;color:var(--dv-muted);font-size:12px}.dv-breadcrumb a{color:var(--dv-muted)}.dv-article-header{margin-bottom:22px}.dv-article-header h1{font-size:clamp(30px,4vw,46px);line-height:1.16;letter-spacing:-1px;margin:8px 0 12px}.dv-post-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--dv-muted);font-size:12px}.dv-featured-image{margin:0 0 24px;border-radius:16px;overflow:hidden}.dv-featured-image img{display:block;width:100%;height:auto}.dv-entry-content{color:#e7e4ef;font-size:16px;line-height:1.9}.dv-entry-content h2,.dv-entry-content h3,.dv-entry-content h4{color:#fff;line-height:1.3;margin-top:1.6em}.dv-entry-content h2{font-size:26px}.dv-entry-content h3{font-size:21px}.dv-entry-content p{margin:0 0 1.25em}.dv-entry-content blockquote{margin:25px 0;padding:16px 20px;border-left:3px solid var(--dv-gold);background:var(--dv-panel);color:#e7e4ef}.dv-entry-content table{width:100%;border-collapse:collapse}.dv-entry-content td,.dv-entry-content th{padding:10px;border:1px solid var(--dv-line)}.dv-entry-content iframe{max-width:100%}.dv-post-tags{margin-top:25px}.dv-pagination{display:flex;gap:8px;margin:28px 0}.dv-pagination .page-numbers{padding:8px 12px;border:1px solid var(--dv-line);border-radius:8px}.dv-pagination .current{background:var(--dv-pink);border-color:var(--dv-pink);color:#fff}.dv-empty{padding:35px;border:1px dashed var(--dv-line);border-radius:14px;color:var(--dv-muted)}.dv-footer{border-top:1px solid var(--dv-line);background:#0d0c16;padding:36px 0 20px}.dv-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px}.dv-footer p{max-width:430px;color:var(--dv-muted);font-size:13px}.dv-footer h3{font-size:13px;margin:0 0 12px}.dv-footer ul{list-style:none;padding:0;margin:0}.dv-footer li{padding:4px 0;font-size:13px}.dv-footer-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:25px;padding-top:18px;border-top:1px solid var(--dv-line);color:var(--dv-muted);font-size:11px}.dv-footer-bottom p{margin:0}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dv-menu-open .dv-nav{display:block}
/* Integrate the Dramivo Drama Card plugin */
.dramivo-article-layout{gap:26px!important;margin:26px 0!important}.dramivo-drama-card{background:#242138!important;border-color:var(--dv-line)!important;border-radius:16px!important}.dramivo-watch-button{background:var(--dv-pink)!important}
@media(max-width:1050px){.dv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dv-nav ul{gap:15px}.dv-content-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}}
@media(max-width:800px){.dv-header-inner{min-height:70px;gap:12px}.dv-menu-toggle{display:grid}.dv-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:12px 20px 18px;background:#171523;border-bottom:1px solid var(--dv-line)}.dv-nav ul{display:flex;align-items:stretch;flex-direction:column;gap:0}.dv-nav li{padding:10px 0;border-bottom:1px solid var(--dv-line)}.dv-nav li:last-child{border-bottom:0}.dv-content-layout{grid-template-columns:1fr}.dv-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dv-widget{margin:0}.dv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dv-footer-grid{grid-template-columns:1fr 1fr}.dv-footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.dv-container{width:min(var(--dv-width),calc(100% - 26px))}.dv-brand-name{font-size:20px}.dv-brand-tag{font-size:8px}.dv-brand-mark{width:37px;height:37px}.dv-header-actions{margin-left:auto}.dv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dv-card-content{padding:10px}.dv-card-content h3{font-size:13px}.dv-hero{padding-top:22px}.dv-hero-box{border-radius:18px}.dv-hero p{font-size:15px}.dv-section-head{align-items:start}.dv-sidebar{grid-template-columns:1fr}.dv-footer-grid{grid-template-columns:1fr}.dv-footer-grid>div:first-child{grid-column:auto}.dv-footer-bottom{flex-direction:column}.dv-article-header h1{font-size:30px}.dramivo-article-layout{flex-direction:column!important}.dramivo-drama-card{width:100%!important;max-width:340px!important;align-self:center!important}}

/* Customizer, widget and in-feed modules */
.dv-infeed-wrap{margin-top:18px;margin-bottom:18px}.dv-infeed-grid{display:block}.dv-infeed-wrap .dv-widget{width:100%;margin:0;background:linear-gradient(135deg,rgba(243,41,131,.08),rgba(246,199,91,.06)),var(--dv-panel);border:1px dashed rgba(246,199,91,.35)}.dv-infeed-wrap .textwidget img{max-width:100%;height:auto}.dv-footer-extra{margin-top:22px}.dv-footer-extra .dv-widget{background:transparent}.customize-partial-edit-shortcuts-shown .dv-hero-box{outline:1px dashed var(--dv-gold)}

/* Dramivo 1.3.0: single-post navigation and related dramas */
.dv-secondary-nav{padding:0}.dv-secondary-nav ul{display:flex;flex-wrap:wrap;align-items:center;gap:22px;list-style:none;margin:0;padding:10px 0}.dv-secondary-nav li{margin:0;padding:0}.dv-secondary-nav a{font-size:12px;font-weight:750;display:inline-block;padding:4px 0}.dv-prev-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0;padding-top:22px;border-top:1px solid var(--dv-line)}.dv-prev-next-card{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid var(--dv-line);border-radius:12px;background:var(--dv-panel);color:var(--dv-text)}.dv-prev-next-card.dv-next{flex-direction:row-reverse;text-align:right}.dv-prev-next-card img{width:64px;height:84px;object-fit:cover;border-radius:7px;flex:0 0 auto}.dv-prev-next-card span{display:block;min-width:0}.dv-prev-next-card small{display:block;color:var(--dv-gold);font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}.dv-prev-next-card strong{display:block;color:#fff;font-size:13px;line-height:1.4}.dv-related-dramas{margin:34px 0 10px}.dv-related-dramas .dv-section-head{margin-bottom:16px}.dv-related-dramas .dv-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.dv-related-dramas .dv-card-content{padding:10px}.dv-related-dramas .dv-card-content h3{font-size:12px}
@media(max-width:800px){.dv-secondary-nav ul{gap:16px}.dv-related-dramas .dv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.dv-secondary-nav ul{gap:12px}.dv-secondary-nav a{font-size:11px}.dv-prev-next{gap:8px}.dv-prev-next-card{padding:8px;gap:8px}.dv-prev-next-card img{width:46px;height:64px}.dv-prev-next-card strong{font-size:11px}.dv-related-dramas .dv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}