/*
 * kinoscope-inner.css — Kinoscope Child Theme v2.1
 * Styles: WordPress header/footer chrome, admin bar,
 *         WP comments, search results, widgets.
 * Note: blog listing styles live in home.php
 *       single post styles live in single.php
 */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&family=Noto+Sans+Devanagari:wght@300;400&display=swap');

:root {
  --bg:       #080806;
  --bg2:      #111109;
  --cream:    #f0e8d5;
  --cream-dim:#b8a98a;
  --gold:     #b8943f;
  --gold-lt:  #d4b060;
  --border:   rgba(184,148,63,0.18);
  --serif:    'Cormorant Garamond', Georgia, serif;
  --sans:     'DM Sans', sans-serif;
  --deva:     'Noto Sans Devanagari', 'Cormorant Garamond', serif;
}

/* ── GLOBAL ── */
html, body { background-color: var(--bg) !important; color: var(--cream) !important; font-family: var(--sans) !important; font-weight: 300 !important; }
#page, .site, .site-content, #content, .site-main { background: var(--bg) !important; }
h1,h2,h3,h4,h5,h6 { font-family: var(--serif) !important; font-weight: 300 !important; color: var(--cream) !important; }
p,li,td,th,label { color: var(--cream-dim); font-family: var(--sans); font-weight: 300; line-height: 1.8; }
a { color: var(--gold) !important; text-decoration: none !important; transition: color .3s; }
a:hover { color: var(--gold-lt) !important; }
strong,b { color: var(--cream) !important; font-weight: 500; }

/* ── HEADER / NAV ── */
#masthead, .site-header { background: rgba(8,8,6,0.97) !important; border-bottom: 1px solid var(--border) !important; backdrop-filter: blur(8px) !important; }
.site-title a { font-family: var(--serif) !important; font-size: 20px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; color: var(--cream) !important; }
.main-navigation a, .nav-menu a { font-family: var(--sans) !important; font-size: 11px !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--cream-dim) !important; }
.main-navigation a:hover, .nav-menu a:hover { color: var(--gold) !important; }
.main-navigation ul ul { background: rgba(8,8,6,0.97) !important; border: 1px solid var(--border) !important; }

/* ── FOOTER ── */
#colophon, .site-footer { background: var(--bg) !important; border-top: 1px solid var(--border) !important; color: var(--cream-dim) !important; }
.site-info, .footer-copy { color: var(--cream-dim) !important; font-size: 11px !important; }
.site-footer a { color: var(--cream-dim) !important; }
.site-footer a:hover { color: var(--gold) !important; }

/* ── SIDEBAR ── */
.widget-area, #secondary { background: var(--bg2) !important; border-left: 1px solid var(--border) !important; padding: 40px 24px !important; }
.widget-title { font-family: var(--serif) !important; font-size: 16px !important; font-weight: 300 !important; color: var(--cream) !important; border-bottom: 1px solid var(--border) !important; padding-bottom: 12px !important; margin-bottom: 16px !important; }
.widget a { color: var(--cream-dim) !important; font-size: 13px; }
.widget a:hover { color: var(--gold) !important; }

/* ── WP COMMENTS ── */
#comments { border-top: 1px solid var(--border); padding-top: 60px; margin-top: 60px; }
#comments h2 { font-family: var(--serif) !important; font-size: 32px !important; font-weight: 300 !important; color: var(--cream) !important; margin-bottom: 32px !important; }
.comment-body { background: var(--bg2); border: 1px solid var(--border); padding: 24px; margin-bottom: 2px; }
.comment-author .fn { font-family: var(--sans); font-size: 13px; font-weight: 500; color: var(--cream); }
.comment-meta time { font-size: 10px; letter-spacing: .15em; text-transform: uppercase; color: var(--cream-dim); }
.comment-content p { color: var(--cream-dim); font-size: 14px; line-height: 1.8; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea { width: 100%; background: transparent; border: none; border-bottom: 1px solid var(--border); color: var(--cream); font-family: var(--sans); font-size: 14px; font-weight: 300; padding: 10px 0; outline: none; border-radius: 0; transition: border-color .3s; }
.comment-form input:focus, .comment-form textarea:focus { border-color: var(--gold); }
.comment-form label { font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--cream-dim); }
.comment-form-comment textarea { resize: none; height: 120px; }
.form-submit input { background: var(--gold) !important; color: var(--bg) !important; font-family: var(--sans) !important; font-size: 11px !important; letter-spacing: .18em !important; text-transform: uppercase !important; border: none !important; border-radius: 0 !important; padding: 14px 32px !important; cursor: pointer; transition: background .3s !important; }
.form-submit input:hover { background: var(--gold-lt) !important; }

/* ── SEARCH RESULTS ── */
.search .entry { background: var(--bg2) !important; border: 1px solid var(--border) !important; padding: 32px !important; margin-bottom: 2px !important; transition: border-color .3s !important; }
.search .entry:hover { border-color: rgba(184,148,63,.4) !important; }
.search .entry-title a { font-family: var(--serif) !important; font-size: 24px !important; font-weight: 300 !important; color: var(--cream) !important; }
.search .entry-title a:hover { color: var(--gold) !important; }
.search .entry-summary p { color: var(--cream-dim); font-size: 14px; }
.search-no-results { padding: 80px 40px; text-align: center; }
.search-no-results h1 { font-family: var(--serif) !important; font-size: 48px !important; font-weight: 300 !important; color: var(--cream) !important; }

/* Search form */
.search-field { background: var(--bg2) !important; border: 1px solid var(--border) !important; color: var(--cream) !important; font-family: var(--sans) !important; padding: 12px 16px !important; border-radius: 0 !important; }
.search-field:focus { border-color: var(--gold) !important; outline: none !important; }
.search-submit { background: var(--gold) !important; color: var(--bg) !important; border: none !important; border-radius: 0 !important; cursor: pointer; font-size: 11px !important; letter-spacing: .18em !important; text-transform: uppercase !important; padding: 12px 24px !important; }

/* ── WP BLOCKS (Gutenberg) ── */
.wp-block-separator { border-color: var(--border) !important; }
.wp-block-quote { border-left: 2px solid var(--gold) !important; padding-left: 28px !important; background: transparent !important; }
.wp-block-quote p { font-family: var(--serif) !important; font-size: 22px !important; font-style: italic !important; color: var(--cream) !important; }
.wp-block-table td, .wp-block-table th { border-color: var(--border) !important; color: var(--cream-dim) !important; padding: 12px 16px !important; }
.wp-block-table th { color: var(--cream) !important; }
.wp-block-cover { border: 1px solid var(--border); }
.wp-block-pullquote { border-top: 2px solid var(--gold) !important; border-bottom: 2px solid var(--gold) !important; background: transparent !important; padding: 32px 0 !important; }
.wp-block-pullquote blockquote { border-left: none !important; }
.wp-block-pullquote p { font-family: var(--serif) !important; font-size: 28px !important; font-style: italic !important; color: var(--cream) !important; }

/* ── BUTTONS ── */
.wp-block-button__link, .button, button[type="submit"], input[type="submit"] {
  background: var(--gold) !important; color: var(--bg) !important;
  font-family: var(--sans) !important; font-size: 11px !important;
  letter-spacing: .18em !important; text-transform: uppercase !important;
  border: none !important; border-radius: 0 !important;
  padding: 14px 32px !important; transition: background .3s !important;
}
.wp-block-button__link:hover, .button:hover { background: var(--gold-lt) !important; }

/* ── CONTACT FORM 7 ── */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 select, .wpcf7 textarea { width:100%!important; background:transparent!important; border:none!important; border-bottom:1px solid var(--border)!important; color:var(--cream)!important; font-family:var(--sans)!important; font-size:14px!important; font-weight:300!important; padding:10px 0!important; outline:none!important; border-radius:0!important; transition:border-color .3s!important; box-shadow:none!important; }
.wpcf7 input:focus, .wpcf7 select:focus, .wpcf7 textarea:focus { border-color:var(--gold)!important; }
.wpcf7 label { font-size:10px!important; letter-spacing:.2em!important; text-transform:uppercase!important; color:var(--cream-dim)!important; display:block!important; margin-bottom:8px!important; }
.wpcf7 input[type="submit"] { width:100%!important; padding:16px!important; margin-top:16px!important; }
.wpcf7-response-output { border:1px solid var(--border)!important; color:var(--cream-dim)!important; background:transparent!important; margin-top:16px!important; padding:12px 16px!important; font-size:13px!important; }
.wpcf7-mail-sent-ok { border-color:#4a7c59!important; color:#7fc49a!important; }

/* ── MISC ── */
.wp-caption-text, .gallery-caption { font-size:11px!important; color:var(--cream-dim)!important; text-align:center!important; margin-top:8px!important; }
img { max-width:100%; height:auto; display:block; }
.sticky { border-left: 2px solid var(--gold); padding-left: 20px; }
.screen-reader-text { clip:rect(1px,1px,1px,1px); position:absolute!important; height:1px; width:1px; overflow:hidden; }

/* ── ADMIN BAR TWEAK ── */
#wpadminbar { filter: invert(1) hue-rotate(180deg) brightness(0.85); }