/*
Theme Name: Oria Modern
Template: oria
Version: 1.0
Description: Dark modern child theme for Oria.
*/
:root{--bg:#0f0f12;--surface:#18181d;--surface2:#212128;--border:#2a2a32;--text:#e8e8ea;--muted:#9a9aa3;--accent:#ef997f;--accent-h:#f4b29e;--radius:12px}
html,body{background:var(--bg)!important;color:var(--text)}

h1,h2,h3,h4,h5,h6{color:var(--text)}

a{color:var(--accent)}a:hover,a:focus{color:var(--accent-h);text-decoration:none}
::selection{background:var(--accent);color:#111}
.site,#page,.site-content,.content-area,.site-main{background:transparent!important}
/* header & nav (existing behaviour kept, colours only) */
.site-header,#masthead{background:var(--bg)!important;border-bottom:1px solid var(--border)}
.site-title a,.site-title a:hover{color:var(--text)!important}
.site-description{color:var(--muted)!important}
.main-navigation,.main-navigation ul,.main-navigation li{background:transparent!important}
#site-navigation,.top-bar,.main-navigation{background:var(--surface)!important;border-color:var(--border)!important}
.main-navigation a{color:var(--text)!important}
.main-navigation a:hover,.main-navigation .current-menu-item>a{color:var(--accent)!important}
.main-navigation ul ul{background:var(--surface2)!important;border:1px solid var(--border)}
.slicknav_menu,.slicknav_nav,.mobile-nav{background:var(--surface)!important}
.slicknav_nav a,.slicknav_menu .slicknav_menutxt{color:var(--text)!important;text-shadow:none!important}
.slicknav_nav a:hover{background:var(--surface2)!important;color:var(--accent)!important}
.slicknav_btn{background:var(--surface2)!important}
.slicknav_menu .slicknav_icon-bar{background:var(--text)!important;box-shadow:none!important}
/* grid */
.posts-layout .hentry .item-sizer{background:var(--surface)!important;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.blog-entry-header{background:transparent!important}
.blog-entry-header .entry-title a{color:var(--text)!important}
.posts-layout .hentry:hover .entry-title a{color:var(--accent)!important}
.entry-data,.entry-data a,.entry-meta,.entry-meta a,.entry-footer,.entry-footer a{color:var(--muted)!important}
/* single */

.entry-content,.entry-content p,.entry-content li{color:var(--text)}
.entry-content video{border-radius:10px;max-width:100%}
blockquote{border-left:3px solid var(--accent);background:var(--surface2);color:var(--text)}
.entry-content table,.entry-content td,.entry-content th{border-color:var(--border)!important}
/* sidebar */
.widget-area,#secondary,.sidebar-column{background:transparent!important}
 .widget{background:transparent!important;color:var(--text)}
.widget-title,.widget .widget-title{color:var(--text)!important;border-bottom:2px solid var(--accent)}
.widget ul li{border-color:var(--border)!important}
.widget a{color:var(--text)}.widget a:hover{color:var(--accent)}
.tagcloud a,.tag-cloud-link{background:var(--surface2)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:999px}
.tagcloud a:hover{background:var(--accent)!important;color:#111!important}
/* ads: reserve size */
.widget iframe[width="300"][height="250"],.textwidget iframe[width="300"]{display:block;background:var(--surface2)!important}
/* forms */
input[type=text],input[type=email],input[type=url],input[type=search],input[type=password],textarea,select{background:var(--surface2)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:8px}
input:focus,textarea:focus{border-color:var(--accent)!important;outline:none;box-shadow:0 0 0 3px rgba(239,153,127,.25)}
button,input[type=submit],input[type=button],.button,.btn-primary{background:var(--accent)!important;color:#111!important;border:0!important;border-radius:8px;font-weight:700;text-shadow:none}
button:hover,input[type=submit]:hover{background:var(--accent-h)!important}
/* pagination */
.posts-navigation,.navigation,.nav-links{background:transparent!important}
.nav-links a,.page-numbers{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border);border-radius:8px}
.nav-links a:hover,.page-numbers.current{background:var(--accent)!important;color:#111!important}
/* comments */
.comment-body,.comment-list li{border-color:var(--border)!important;color:var(--text)}
.comment-author,.comment-author a{color:var(--text)}.comment-metadata a{color:var(--muted)}
/* footer */
.site-footer,.footer-widgets,#sidebar-footer,.site-info{background:#0a0a0c!important;color:var(--muted)!important;border-top:1px solid var(--border)}
.site-footer a,.site-info a{color:var(--muted)!important}.site-footer a:hover{color:var(--accent)!important}
.footer-widgets .widget{background:transparent!important;border:0}
/* bootstrap blue overrides */
.text-primary,.btn-link{color:var(--accent)!important}.bg-primary,.label-primary,.badge{background:var(--accent)!important;color:#111!important}
.pagination>.active>a,.pagination>li>a{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}
hr{border-color:var(--border)}
code,pre{background:var(--surface2);color:var(--text);border-color:var(--border)}
/* card fixes */
.content-wrapper,.container.content-wrapper{background:var(--surface)!important}
.home .content-wrapper,.archive .content-wrapper,.blog .content-wrapper{background:transparent!important}
.nav-previous,.nav-next,.posts-navigation .nav-previous,.post-navigation .nav-previous,.post-navigation .nav-next{background:transparent!important}
.nav-previous a,.nav-next a{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border);border-radius:8px}
.nav-previous a:hover,.nav-next a:hover{background:var(--accent)!important;color:#111!important}
.slicknav_menu .slicknav_icon-bar{background:var(--text)!important}
.a2a_menu{background:var(--surface)!important;border-color:var(--border)!important}
.a2a_menu a,.a2a_menu span{color:var(--text)!important}
p.mobileShow iframe,p.pcShow iframe{background:var(--surface2)!important}
.entry-title,.entry-title a,.single .entry-title,.page .entry-title{color:var(--text)!important}
.entry-title a:hover{color:var(--accent)!important}
.single .content-wrapper,.page .content-wrapper{border:0!important;box-shadow:none!important}
.content-wrapper{border:0!important;outline:0!important}

.posts-layout .hentry:hover .item-sizer{border-color:rgba(239,153,127,.5)}
/* sidebar breathing room */
#secondary .widget,.widget-area .widget{background:var(--surface2)!important;border:1px solid var(--border);border-radius:var(--radius);padding:24px!important;margin-bottom:28px!important}
#secondary .widget-title,.widget-area .widget-title{margin:0 0 18px!important;padding-bottom:10px}
#secondary .tagcloud a,.widget-area .tagcloud a{display:inline-block;padding:4px 10px;margin:0 6px 8px 0;border-radius:999px}
#secondary .widget ul li{padding:6px 0}
#secondary .textwidget iframe,#secondary .custom-html-widget iframe{display:block;margin:6px auto}
#secondary input[type=search]{width:100%}
/* trending (related posts) */
.relatedposts,.relatedposts h3{color:var(--text)!important}
.relatedposts a,.relatedthumb a{color:var(--text)!important}
.relatedposts a:hover,.relatedthumb a:hover{color:var(--accent)!important}
/* post footer: categories & tags */
.single .entry-footer,.single .entry-footer span{color:var(--muted)!important}
.single .entry-footer a,.single .tags-links a{color:var(--text)!important;text-decoration:none}
.single .tags-links a{display:inline-block;background:var(--surface2);border:1px solid var(--border);border-radius:999px;padding:2px 10px;margin:4px 2px}
.single .entry-footer a:hover,.single .tags-links a:hover{color:var(--accent)!important;border-color:var(--accent)}
/* comments */
.comments-title,.comment-body,.comment-respond,#respond{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}
.comment-body{border:1px solid var(--border)!important}
.comments-area,.comment-content,.comment-content p,.comment-author,.comment-author .fn,.comment-author .fn a,.says,.comment-reply-title,.comment-form label,.logged-in-as,.comment-notes{color:var(--text)!important}
.comment-metadata,.comment-metadata a,.comment-awaiting-moderation{color:var(--muted)!important}
.comment-reply-link{background:transparent!important;color:var(--accent)!important;border:1px solid var(--accent)}
.comment-reply-link:hover{background:var(--accent)!important;color:#111!important}
.comment-form textarea,.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url]{background:var(--surface2)!important;color:var(--text)!important;border:1px solid var(--border)!important}
/* ad widget fit + no sidebar scrollbar */
#secondary{overflow:visible!important}
#secondary .widget_custom_html{padding-left:0!important;padding-right:0!important;border-left:0!important;border-right:0!important;overflow:visible}
#secondary .widget_custom_html .widget-title{margin-left:24px!important;margin-right:24px!important}
#secondary .widget_custom_html img[width="300"],#secondary .widget_custom_html iframe[width="300"]{max-width:none!important;width:300px!important;height:auto;display:block;margin:0 auto}
#secondary .widget_custom_html iframe[width="300"]{height:250px!important}
#secondary .widget_search label{max-width:100%}
/* post navigation: clean text links */
.post-navigation .nav-previous a,.post-navigation .nav-next a{display:inline!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;color:var(--text)!important;box-shadow:none!important}
.post-navigation .nav-previous a:hover,.post-navigation .nav-next a:hover{background:transparent!important;color:var(--accent)!important}
.post-navigation,.post-navigation .nav-links,.post-navigation .nav-previous,.post-navigation .nav-next{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}
/* wider sidebar on desktop */
@media (min-width:992px){
 #secondary.no-toggle{width:345px!important}
 #secondary.no-toggle~#primary,.content-wrapper #primary.content-area:not(.fullwidth){width:calc(100% - 385px)!important}
 #secondary .widget_custom_html{padding-left:20px!important;padding-right:20px!important;border-left:1px solid var(--border)!important;border-right:1px solid var(--border)!important}
 #secondary .widget_custom_html .widget-title{margin-left:4px!important;margin-right:4px!important}
}
#secondary .widget_search form,#secondary .widget_search label,#secondary .widget_search .search-field,#secondary .widget_search input[type=search]{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
/* archive / search / 404 headers */
.page-header,.archive-header,.search .page-header,.error-404,.no-results,.not-found,.taxonomy-description,.archive-description{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important}
.page-header .page-title,.page-title,.archive-description,.taxonomy-description,.page-content,.error-404 p,.no-results p{color:var(--text)!important}
.page-title span{color:var(--accent)!important}
.search-submit,input.search-submit{background:var(--accent)!important;color:#111!important;border:0!important}
/* compact cards (video size unchanged) */
.posts-layout .hentry .item-sizer{padding:14px 30px 12px!important}
.posts-layout .blog-entry-header{margin-top:0!important;padding-top:0!important}
.posts-layout .entry-title{margin:4px 0 0!important}
.posts-layout .hentry .item-sizer>a>div{line-height:0}
/* archive pagination: bordered buttons aligned to the card grid */
.posts-navigation{max-width:1500px!important;margin:0 auto 45px!important;padding:0 15px!important;box-sizing:border-box;background:transparent!important;border:0!important}
.posts-navigation .nav-links{display:flex!important;justify-content:space-between;align-items:center;gap:15px;background:transparent!important;border:0!important}
.posts-navigation .nav-links:before,.posts-navigation .nav-links:after{display:none!important}
.posts-navigation .nav-previous,.posts-navigation .nav-next{float:none!important;width:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.posts-navigation .nav-previous{margin-right:auto!important}
.posts-navigation .nav-next{margin-left:auto!important}
.posts-navigation .nav-previous a,.posts-navigation .nav-next a{display:inline-block!important;background:transparent!important;border:1px solid #3a3a42!important;border-radius:6px!important;padding:8px 16px!important;color:var(--text)!important;box-shadow:none!important;transition:color .2s,border-color .2s}
.posts-navigation .nav-previous a:hover,.posts-navigation .nav-next a:hover{background:transparent!important;border-color:var(--accent)!important;color:var(--accent)!important}
@media (max-width:600px){.posts-navigation{padding:0 15px!important}}
/* stable width: always reserve the scrollbar so masonry never overflows */
html{overflow-y:scroll}
.posts-layout{overflow:hidden}
.posts-layout .hentry{box-sizing:border-box;max-width:100%}
/* Ad Zone: identical block centering for GIF banner and ExoClick zone */
#secondary .widget_custom_html .textwidget{text-align:center;font-size:0;line-height:0}
#secondary .widget_custom_html .textwidget>a,#secondary .widget_custom_html .textwidget>div,#secondary .widget_custom_html .textwidget>div>div,#secondary .widget_custom_html .textwidget ins{display:block!important;width:300px!important;max-width:none!important;margin:0 auto!important;padding:0!important;border:0!important}
#secondary .widget_custom_html .textwidget>a+*{margin-top:0}
#secondary .widget_custom_html img,#secondary .widget_custom_html iframe,#secondary .widget_custom_html ins>*,#secondary .widget_custom_html .textwidget>div>div>*{display:block!important;margin:0 auto!important;padding:0!important;border:0!important;vertical-align:top}
#secondary .widget_custom_html .textwidget>a{margin-bottom:10px!important}
#secondary .widget_custom_html .textwidget>div:empty,#secondary .widget_custom_html .textwidget>div>div:empty{display:none!important}
/* single self-hosted font: Inter (variable) */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/inter-latin-wght-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:italic;font-weight:100 900;font-display:swap;src:url('fonts/inter-latin-wght-italic.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html,body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,.site-title,.site-title a,.site-description,.main-navigation,.main-navigation a,.slicknav_menu,.slicknav_nav a,.widget,.widget-title,.entry-title,.entry-title a,.entry-data,.comments-title,.comment-reply-title,.page-title,.nav-links a,.tagcloud a,.relatedposts,.relatedposts h3{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif!important}
.fa,.fas,.far,.fab,[class^="fa-"],[class*=" fa-"]{font-family:FontAwesome!important}
/* Oswald was condensed: tighten Inter headings so they don't overflow */
h1,h2,h3,h4,h5,h6,.entry-title,.site-title,.widget-title,.page-title,.comments-title{letter-spacing:-0.01em;font-weight:600;overflow-wrap:anywhere}
.posts-layout .entry-title{font-size:20px!important;line-height:1.3!important}
.main-navigation a{letter-spacing:0;font-weight:500}
.site-title{font-weight:700;letter-spacing:-0.02em}
.kk-star-ratings,.kk-star-ratings *,.kksr-legend{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif!important}

/* CLS: lay cards out in rows before masonry JS runs so they do not jump */
@media (min-width:601px){.posts-layout{display:flex;flex-wrap:wrap;align-items:flex-start}}
/* CLS: reserve mobile menu bar height before slicknav JS builds it */
@media only screen and (max-width:1024px){.mobile-nav{min-height:65px}}
/* CLS: reserve 16:9 for single-post videos until metadata gives the real ratio */
body.single .site-main video{aspect-ratio:auto 16/9}
/* CLS: parent footer.php injects .mobile-ad-container into the grid at <=768px; at 601-768 masonry already renders it hidden behind the cards - keep it out of flow so it cannot push cards */
@media (min-width:601px) and (max-width:768px){.posts-layout>.mobile-ad-container{position:absolute;top:0;left:0;z-index:-1}}
/* r3: reserve declared 300x250 for ExoClick <ins> zones so late fill cannot shift content */
ins[data-zoneid="2583599"],ins[data-zoneid="2583639"]{display:block!important;width:300px;max-width:100%;min-height:250px;margin-left:auto;margin-right:auto}