/*
Theme Name: Dexerto Press
Theme URI: https://example.com/
Description: A GeneratePress child theme with a bold gaming-news editorial layout.
Author: Codex
Template: generatepress
Version: 1.0.0
Text Domain: dexerto-press
*/

:root { --dex-pink:#ed0678; --dex-ink:#222226; --dex-muted:#616166; --dex-border:#e8e8e8; --dex-green:#009c72; --dex-blue:#4a45e7; }
* { box-sizing:border-box; }
body { color:var(--dex-ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--dex-pink); }
.site-header { border-bottom:1px solid var(--dex-border); background:#fff; }
.inside-header { max-width:1180px; min-height:74px; margin:auto; padding:0 14px; display:flex; align-items:center; gap:46px; }
.site-branding { margin-right:auto; }
.site-logo { display:flex; align-items:center; color:#111; font-weight:800; font-size:20px; letter-spacing:1px; text-transform:uppercase; }
.custom-logo-link { display:flex; align-items:center; }
.custom-logo { display:block; max-width:230px; width:auto; max-height:56px; }
.main-navigation .main-nav ul { display:flex; gap:22px; align-items:center; margin:0; padding:0; list-style:none; }
.main-navigation .main-nav a { font-size:12px; font-weight:800; letter-spacing:.2px; text-transform:uppercase; }
.menu-toggle { display:none; }
.site-footer { border-top:1px solid var(--dex-border); background:#16161a; color:#fff; }
.dex-footer-inner { max-width:1180px; min-height:90px; margin:auto; padding:20px 14px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.dex-footer-brand { font-size:13px; font-weight:700; }
.dex-footer-nav ul { display:flex; flex-wrap:wrap; gap:8px 20px; margin:0; padding:0; list-style:none; }
.dex-footer-nav a { color:#fff; font-size:12px; font-weight:700; }

.dex-container { max-width:1180px; margin:0 auto; padding:38px 14px 55px; }
.dex-section-title { font-size:29px; line-height:1; margin:0 0 22px; letter-spacing:-1px; text-transform:uppercase; }
.dex-post-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.dex-card__image { display:block; aspect-ratio:1.78; overflow:hidden; border-radius:4px; background:#ececec; }
.dex-card__image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s; }
.dex-card:hover img { transform:scale(1.04); }
.dex-card__category { display:block; margin-top:7px; color:var(--dex-pink); font-size:11px; line-height:1; font-weight:700; }
.dex-card__title { margin:4px 0 0; font-size:15px; line-height:1.08; letter-spacing:-.25px; font-weight:800; }
.dex-empty { padding:30px; background:#f5f5f5; }

.single .site-content { max-width:none; }
.single .content-area { width:100%; }
.single .site-main { max-width:none; }
.dex-single { max-width:970px; margin:0 auto; padding:15px 14px 64px; }
.dex-breadcrumbs { border-top:1px solid #f3d9e4; padding-top:14px; color:var(--dex-pink); font-size:12px; font-weight:700; text-transform:uppercase; }
.dex-breadcrumbs span { margin:0 8px; color:#999; }
.dex-single-grid { display:grid; grid-template-columns:minmax(0,650px) 310px; gap:58px; margin-top:14px; }
.dex-article-title { margin:0 0 18px; font-size:31px; line-height:1.15; letter-spacing:-.7px; font-weight:800; }
.dex-byline { margin-bottom:24px; font-size:11px; color:#333; }
.dex-featured-image img { display:block; width:100%; aspect-ratio:1.78; object-fit:cover; border-radius:4px; }
.dex-notify { display:block; padding:12px 20px; margin:9px 0 12px; border-radius:3px; color:#111; background:#ffd51d; text-align:center; font-size:12px; font-weight:800; }
.dex-notify:after { content:'  🔔'; font-size:16px; }
.dex-entry-content { font-size:15px; line-height:1.5; }
.dex-entry-content p { margin:0 0 15px; }
.dex-entry-content h2, .dex-entry-content h3 { margin:22px 0 10px; font-size:25px; line-height:1.15; }
.dex-sidebar { padding-top:111px; }
.dex-sidebar h2 { margin:0 0 14px; font-size:23px; text-transform:uppercase; }
.dex-featured-mini { display:flex; gap:7px; margin:0 0 15px; }
.dex-featured-mini img { width:154px; height:86px; object-fit:cover; border-radius:3px; }
.dex-featured-mini__category { color:var(--dex-green); font-size:9px; font-weight:700; }
.dex-featured-mini h3 { margin:2px 0; font-size:12px; line-height:1.05; font-weight:800; }
.dex-related { margin-top:30px; padding:10px 12px 8px; background:#efefef; border-radius:3px; position:relative; }
.dex-related:before { content:'RELATED'; position:absolute; top:0; left:0; padding:5px 8px; background:var(--dex-pink); color:#fff; font-size:10px; font-weight:800; }
.dex-related-grid { display:grid; grid-template-columns:repeat(3,1fr); padding-top:23px; }
.dex-related-card { padding:0 11px; border-right:1px solid var(--dex-pink); }
.dex-related-card:last-child { border:0; }
.dex-related-card img { width:100%; aspect-ratio:1.78; object-fit:cover; border-radius:2px; }
.dex-related-card h3 { margin:6px 0 0; font-size:13px; line-height:1.3; font-weight:700; }
.dex-topics { margin:31px 0; padding:19px 0; border-top:1px solid var(--dex-border); border-bottom:1px solid var(--dex-border); }
.dex-topics h2 { margin:0 0 10px; font-size:21px; text-transform:uppercase; }
.dex-topic { display:inline-block; margin:0 7px 7px 0; padding:7px 10px; background:#f0f0f0; border-radius:2px; font-size:12px; font-weight:700; }
.dex-keep-reading { margin-top:36px; }
.dex-keep-reading h2 { font-size:24px; margin:0 0 13px; text-transform:uppercase; }
.dex-keep-grid { display:grid; grid-template-columns:1fr 1fr; gap:21px 45px; }
.dex-keep-card { display:grid; grid-template-columns:88px 1fr; gap:7px; align-items:start; }
.dex-keep-card img { width:88px; height:50px; object-fit:cover; border-radius:3px; }
.dex-keep-card__category { color:var(--dex-pink); font-size:9px; font-weight:700; }
.dex-keep-card h3 { margin:2px 0; font-size:13px; line-height:1.08; font-weight:800; }

@media (max-width:800px) { .inside-header { min-height:60px; gap:10px; }.main-navigation .main-nav { display:none; }.menu-toggle { display:block; margin-left:auto; border:0; background:none; font-weight:800; }.dex-footer-inner { display:block; }.dex-footer-nav { margin-top:12px; }.dex-post-grid { grid-template-columns:repeat(2,1fr); }.dex-single-grid { grid-template-columns:1fr; gap:0; }.dex-sidebar { padding-top:20px; }.dex-article-title { font-size:28px; }.dex-featured-mini img { width:130px; }.dex-related-grid { grid-template-columns:1fr; gap:14px; }.dex-related-card { border-right:0; border-bottom:1px solid var(--dex-pink); padding-bottom:11px; }.dex-related-card:last-child { border:0; }.dex-related-card img { width:150px; height:84px; }.dex-keep-grid { grid-template-columns:1fr; gap:14px; } }
@media (max-width:440px) { .dex-container { padding-top:24px; }.dex-section-title { font-size:24px; }.dex-card__title { font-size:13px; }.dex-single { padding-left:12px; padding-right:12px; }.dex-article-title { font-size:25px; } }