/*
Theme Name: Hot News Jabar
Theme URI: https://example.com/
Author: Hot News Jabar
Author URI: https://example.com/
Description: Theme portal berita Jawa Barat modern, responsif, cepat, dan siap dikembangkan.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: hot-news-jabar
Tags: news, magazine, blog, responsive, custom-logo, featured-images, translation-ready
*/

@import url("assets/css/style.css");

/* WordPress compatibility */
.alignleft{float:left;margin:0 20px 15px 0}.alignright{float:right;margin:0 0 15px 20px}.aligncenter{display:block;margin:0 auto 15px}
.wp-caption{max-width:100%}.wp-caption-text{font-size:12px;color:#777}.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}
.gallery{display:flex;flex-wrap:wrap;gap:15px}.sticky{display:block}

/* WordPress-specific theme elements */
.custom-logo-link{display:block;line-height:0}.custom-logo{max-height:70px;width:auto}
.nav-menu ul{display:flex;list-style:none;margin:0;padding:0}.nav-menu li{position:relative}
.nav-menu li a{display:block}.nav-menu .sub-menu{display:none;position:absolute;top:100%;left:0;background:#b51219;min-width:180px;padding:0;z-index:100}
.nav-menu li:hover>.sub-menu{display:block}.nav-menu .sub-menu a{padding:12px 15px}
.rubric-grid ul{display:contents;list-style:none;margin:0;padding:0}.rubric-grid li{display:block}.rubric-grid li a{display:block;background:var(--black);color:#fff;text-align:center;padding:20px 8px;border-radius:6px;font-weight:800;font-size:11px}
.hero-placeholder,.card-placeholder{background:linear-gradient(135deg,#e21b23,#101820);min-height:190px}.hero-placeholder{height:410px}
.pagination,.nav-links{margin-top:25px}.page-numbers{display:inline-block;padding:8px 11px;border:1px solid #ddd;margin-right:4px;font-size:12px}.page-numbers.current{background:var(--red);color:#fff;border-color:var(--red)}
.comments-area{margin-top:30px}.comment-list{padding-left:20px}.comment-body{padding:12px 0;border-bottom:1px solid var(--line)}
.comment-form-comment textarea{width:100%;min-height:120px;border:1px solid #ddd}.comment-form input{padding:9px;border:1px solid #ddd}
@media(max-width:1000px){.nav-menu ul{display:block}.nav-menu .sub-menu{position:static}.nav-menu li:hover>.sub-menu{display:block}}

/* HNJ CMS enhancements */
.ad-html{display:block;height:auto;min-height:250px;padding:10px}.ad-html img{max-width:100%;height:auto}
.contact-box{background:var(--soft);padding:20px;border-left:4px solid var(--red)}
.author-box{display:flex;gap:15px;align-items:center;padding:20px;background:var(--soft);margin-top:25px}
.nav-menu li ul{list-style:none}

/* Professional portal additions */
.hnj-ad{margin:18px auto;text-align:center;overflow:hidden}.hnj-ad img{max-width:100%;height:auto}
.auto-headlines{margin-top:20px}.headline-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.headline-row a{display:flex;flex-direction:column;gap:7px;padding:14px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--red)}.headline-row small{color:#888}.hnj-bookmark{border:1px solid #ddd;background:#fff;padding:9px 13px;border-radius:4px;cursor:pointer;margin:10px 0}.hnj-bookmark.saved{background:var(--red);color:#fff;border-color:var(--red)}.article-video{margin:25px 0}.article-video iframe{width:100%;min-height:420px}.article-gallery{margin:25px 0}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery-grid img{width:100%;height:160px;object-fit:cover}.author-box{display:flex;gap:15px;align-items:center;padding:20px;background:var(--soft);margin:25px 0}.author-box small,.author-box p{display:block;margin:5px 0}.author-header{margin-bottom:25px}.hnj-login-note{padding:15px;background:var(--soft);border-left:4px solid var(--red);margin-bottom:20px}
@media(max-width:900px){.headline-row{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.article-video iframe{min-height:280px}}
@media(max-width:600px){.headline-row{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}}