/*
Theme Name: MediaReport
Theme URI: https://example.com
Author: MediaReport
Author URI: https://example.com
Description: A premium-looking, magazine-style WordPress theme for housing & real estate news blogs. Featured-story hero, category badges, ad-ready sidebar and in-article ad slots, and auto-created About, Contact, Privacy Policy and DMCA pages. Simple to run — just publish posts.
Version: 1.0.0
Requires at least: 5.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mediareport
Tags: blog, news, right-sidebar, custom-menu, custom-logo, featured-images, translation-ready
*/

:root{
  --brand:#0e1b2c;        /* deep editorial navy */
  --brand-2:#152740;
  --accent:#e63946;       /* editorial red */
  --accent-dark:#c22735;
  --ink:#141a22;
  --muted:#65707d;
  --bg:#f5f6f8;
  --card:#ffffff;
  --line:#e3e6ea;
  --radius:12px;
  --shadow:0 6px 20px rgba(14,27,44,.07);
  --shadow-lg:0 18px 44px rgba(14,27,44,.16);
  --maxw:1200px;
  --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.7;font-size:17px;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--accent);text-decoration:none;}
a:hover{color:var(--accent-dark);}
ul,ol{list-style:none;}
.container{max-width:var(--maxw);margin:0 auto;padding:0 22px;}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.22;color:var(--ink);}

.skip-link{position:absolute;left:-9999px;background:var(--ink);color:#fff;padding:10px 16px;z-index:10000;}
.skip-link:focus{left:10px;top:10px;}

/* ===== Top bar ===== */
.top-bar{
  background:var(--brand);color:#aebacb;font-size:.78rem;padding:8px 0;
}
.top-bar .container{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.top-bar a{color:#aebacb;}
.top-bar a:hover{color:#fff;}
.top-bar .tb-links{display:flex;gap:18px;flex-wrap:wrap;}

/* ===== Header ===== */
.site-header{background:var(--card);border-bottom:3px solid var(--brand);}
.header-main{padding:26px 0;}
.header-main .container{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.site-branding{display:flex;align-items:center;gap:14px;}
.site-branding img.custom-logo{max-height:52px;width:auto;}
.site-title{font-family:var(--serif);font-size:2rem;font-weight:800;letter-spacing:-.02em;}
.site-title a{color:var(--ink);}
.site-title a:hover{color:var(--ink);}
.site-title .accent{color:var(--accent);}
.site-description{font-size:.82rem;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.12em;}
.header-ad{min-width:300px;}

/* ===== Nav ===== */
.nav-bar{background:var(--brand);}
.nav-bar .container{display:flex;align-items:center;justify-content:space-between;}
.main-navigation ul{display:flex;flex-wrap:wrap;}
.main-navigation a{
  display:block;color:#dde5ee;font-size:.88rem;font-weight:600;letter-spacing:.03em;
  text-transform:uppercase;padding:14px 18px;
}
.main-navigation li:first-child a{padding-left:0;}
.main-navigation a:hover{color:#fff;background:var(--brand-2);}
.menu-toggle{
  display:none;background:none;border:1px solid rgba(255,255,255,.3);border-radius:8px;
  color:#fff;padding:8px 14px;font-size:.85rem;font-weight:600;cursor:pointer;margin:10px 0;
}
.nav-search{padding:8px 0;}
.nav-search input{
  border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);border-radius:999px;
  color:#fff;padding:8px 16px;font-size:.85rem;width:180px;outline:none;
}
.nav-search input::placeholder{color:#9fabbd;}

/* ===== Layout ===== */
.site-content{padding:44px 0 64px;}
.content-wrap{display:grid;grid-template-columns:1fr 320px;gap:44px;align-items:start;}
.content-wrap.full-width{grid-template-columns:1fr;max-width:800px;margin:0 auto;}

/* ===== Section labels ===== */
.section-label{
  display:flex;align-items:center;gap:14px;margin-bottom:26px;
}
.section-label h2, .section-label h1{
  font-size:1.25rem;text-transform:uppercase;letter-spacing:.06em;font-family:inherit;font-weight:800;
}
.section-label::after{content:"";flex:1;height:3px;background:linear-gradient(90deg,var(--accent) 60px,var(--line) 60px);}

/* ===== Featured hero (latest post) ===== */
.featured-hero{
  position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);
  margin-bottom:38px;display:block;background:var(--brand);
}
.featured-hero .fh-media{aspect-ratio:16/8;overflow:hidden;}
.featured-hero .fh-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;opacity:.85;}
.featured-hero:hover .fh-media img{transform:scale(1.04);}
.featured-hero .fh-body{
  position:absolute;left:0;right:0;bottom:0;padding:120px 34px 30px;
  background:linear-gradient(to top, rgba(10,18,30,.94) 20%, transparent);
}
.cat-badge{
  display:inline-block;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;padding:5px 12px;border-radius:4px;margin-bottom:12px;
}
.featured-hero h2{color:#fff;font-size:clamp(1.5rem,3.2vw,2.2rem);margin-bottom:10px;}
.featured-hero p.fh-excerpt{color:#cdd6e0;font-size:.98rem;max-width:640px;margin-bottom:10px;}
.featured-hero .fh-meta{color:#93a1b3;font-size:.8rem;}

/* ===== Post grid ===== */
.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.grid-card{
  background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);
  transition:transform .25s ease, box-shadow .25s ease;display:flex;flex-direction:column;
}
.grid-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.grid-card .gc-media{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#dce3ea,#c6d0da);position:relative;}
.grid-card .gc-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.grid-card:hover .gc-media img{transform:scale(1.06);}
.grid-card .gc-media .cat-badge{position:absolute;top:14px;left:14px;margin:0;}
.grid-card .gc-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1;}
.grid-card h3{font-size:1.12rem;margin-bottom:8px;}
.grid-card h3 a{color:var(--ink);}
.grid-card h3 a:hover{color:var(--accent);}
.grid-card p{color:var(--muted);font-size:.9rem;margin-bottom:14px;flex:1;}
.grid-card .gc-meta{font-size:.78rem;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;}

/* ===== Pagination ===== */
.pagination-row{display:flex;justify-content:center;gap:10px;margin-top:44px;flex-wrap:wrap;}
.pagination-row a,.pagination-row span{
  padding:10px 17px;border:1px solid var(--line);border-radius:8px;font-size:.85rem;
  color:var(--ink);background:var(--card);
}
.pagination-row a:hover{background:var(--brand);color:#fff;border-color:var(--brand);}
.pagination-row .current{background:var(--accent);color:#fff;border-color:var(--accent);}

/* ===== Single post ===== */
.single-article{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:38px 42px;}
.single-article .cat-badge{margin-bottom:14px;}
.single-article h1{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-bottom:14px;}
.single-article .entry-meta{color:var(--muted);font-size:.88rem;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line);}
.single-article .featured{border-radius:10px;overflow:hidden;margin-bottom:30px;}
.entry-content{font-size:1.06rem;}
.entry-content p{margin-bottom:1.35em;}
.entry-content h2,.entry-content h3{margin:1.7em 0 .6em;}
.entry-content img{border-radius:10px;margin:1.4em 0;}
.entry-content ul,.entry-content ol{margin:0 0 1.35em 22px;list-style:revert;}
.entry-content blockquote{
  border-left:4px solid var(--accent);background:var(--bg);border-radius:0 8px 8px 0;
  padding:16px 22px;color:var(--muted);font-style:italic;margin:1.7em 0;font-family:var(--serif);font-size:1.1rem;
}
.entry-content a{text-decoration:underline;}

.in-article-ad{
  margin:30px 0;text-align:center;
}
.ad-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px;}

.post-tags{margin-top:30px;display:flex;gap:8px;flex-wrap:wrap;}
.post-tags a{
  background:var(--bg);border:1px solid var(--line);padding:5px 13px;border-radius:999px;
  font-size:.8rem;color:var(--muted);
}
.post-tags a:hover{background:var(--accent);border-color:var(--accent);color:#fff;}

.author-box{
  display:flex;gap:16px;align-items:center;background:var(--bg);border-radius:10px;padding:22px;margin-top:36px;
}
.author-box img{width:56px;height:56px;border-radius:50%;object-fit:cover;}
.author-box strong{display:block;margin-bottom:3px;}
.author-box p{font-size:.88rem;color:var(--muted);margin:0;}

.post-nav{display:flex;justify-content:space-between;gap:18px;margin-top:34px;flex-wrap:wrap;}
.post-nav a{
  flex:1;min-width:220px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;
  background:var(--card);font-size:.85rem;color:var(--muted);
}
.post-nav a:hover{border-color:var(--accent);}
.post-nav span.dir{display:block;color:var(--accent);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;}
.post-nav a strong{color:var(--ink);font-size:.95rem;font-weight:600;font-family:var(--serif);}
.post-nav .next{text-align:right;}

/* ===== Related posts ===== */
.related-posts{margin-top:44px;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.related-grid .grid-card h3{font-size:.98rem;}

/* ===== Comments ===== */
.comments-area{margin-top:44px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 36px;}
.comments-area h3{margin-bottom:18px;font-size:1.2rem;}
.comment-list li{border-bottom:1px solid var(--line);padding:18px 0;}
.comment-author{font-weight:700;font-size:.92rem;}
.comment-meta{font-size:.78rem;color:var(--muted);margin-bottom:8px;}
.comment-form input,.comment-form textarea{
  width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 13px;
  font-family:inherit;font-size:.95rem;margin-bottom:14px;background:#fff;
}
.comment-form textarea{min-height:120px;resize:vertical;}
.comment-form .submit-btn,button.submit{
  background:var(--accent);color:#fff;border:none;border-radius:8px;padding:12px 26px;
  font-weight:700;font-size:.9rem;cursor:pointer;
}
.comment-form .submit-btn:hover{background:var(--accent-dark);}

/* ===== Sidebar ===== */
.widget{
  background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:26px;
}
.widget h4,.widget .widget-title{
  font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);font-weight:800;
  margin-bottom:16px;padding-bottom:10px;border-bottom:3px solid var(--accent);display:inline-block;
}
.widget ul li{margin-bottom:12px;font-size:.92rem;padding-bottom:12px;border-bottom:1px solid var(--line);}
.widget ul li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.widget a{color:var(--ink);}
.widget a:hover{color:var(--accent);}
.widget input[type="search"],.widget input[type="text"]{
  width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-family:inherit;
}
.ad-placeholder{
  border:1px dashed var(--line);border-radius:10px;padding:34px 16px;text-align:center;
  color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;background:var(--bg);
}

/* ===== Pages ===== */
.page-content h1{margin-bottom:.7em;}
.page-content .entry-content h2{margin-top:1.8em;}

/* ===== Footer ===== */
.site-footer{background:var(--brand);color:#aebacb;padding:54px 0 30px;margin-top:50px;}
.footer-widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-bottom:38px;}
.site-footer h4{color:#fff;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:18px;font-family:inherit;}
.site-footer p{font-size:.88rem;}
.site-footer .widget{background:none;box-shadow:none;padding:0;margin:0;}
.site-footer .widget h4{border-bottom:3px solid var(--accent);display:inline-block;padding-bottom:8px;}
.site-footer .widget ul li{border-color:rgba(255,255,255,.08);}
.site-footer a{color:#aebacb;}
.site-footer a:hover{color:#fff;}
.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:.85rem;margin-bottom:16px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);}
.footer-bottom{font-size:.8rem;color:#7d8ba0;}

/* ===== Responsive ===== */
@media (max-width:960px){
  .content-wrap{grid-template-columns:1fr;}
  .related-grid{grid-template-columns:1fr;}
  .footer-widgets{grid-template-columns:1fr;}
  .header-ad{display:none;}
}
@media (max-width:700px){
  .post-grid{grid-template-columns:1fr;}
  .single-article{padding:26px 22px;}
  .comments-area{padding:24px 20px;}
  .nav-bar .container{flex-direction:column;align-items:stretch;}
  .main-navigation{display:none;}
  .main-navigation.open{display:block;padding-bottom:10px;}
  .main-navigation ul{flex-direction:column;}
  .main-navigation li:first-child a{padding-left:18px;}
  .menu-toggle{display:inline-block;align-self:flex-start;}
  .nav-search{display:none;}
  .featured-hero .fh-body{padding:80px 20px 22px;}
}