/*
Theme Name: SadeemRDP Blog
Theme URI: https://www.sadeemrdp.net/
Author: SadeemRDP
Description: Custom classic blog theme matching the SadeemRDP navy, cyan and yellow identity. Includes responsive navigation, articles, archives, search and Customizer settings.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sadeem-blog
*/
:root{--navy:#15212a;--deep:#101920;--cyan:#55bde5;--yellow:#fdd700;--text:#212529;--muted:#64727d;--line:#e4e8eb;--bg:#f6f6f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'Open Sans',Arial,sans-serif}a{color:#217f9f;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}:focus-visible{outline:3px solid #2395bf;outline-offset:4px}.wrap{max-width:1140px;padding:0 15px;margin:auto}.topbar{background:var(--deep);color:#d7e0e6;font-size:12px}.top-inner{padding:9px 20px;display:flex;justify-content:space-between;gap:15px}.top-inner a{color:inherit;margin-inline-start:20px}.badge{background:#2395bf;color:#fff;padding:2px 8px;border-radius:4px;margin-right:8px}.site-header{background:var(--navy);color:#dae1e5;position:relative;z-index:20}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;flex-shrink:0;align-items:center}.brand img{width:140px;max-height:55px;object-fit:contain}.header-inner nav{display:flex;align-items:center;gap:26px}.menu{display:flex;gap:20px;align-items:center;list-style:none;padding:0;margin:0}.menu>li{position:relative}.menu a,.menu summary{color:#dbe2e6;font-size:16px;cursor:pointer;white-space:nowrap}.menu .current-menu-item>a{color:var(--cyan)}summary{list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'⌄';font-size:11px;margin-left:6px}.sub-menu{display:none;position:absolute;top:100%;left:0;width:235px;max-height:70vh;overflow:auto;background:var(--navy);box-shadow:0 12px 30px #0003;padding:15px;list-style:none;border-top:3px solid var(--cyan)}details[open]>.sub-menu,.submenu-open>.sub-menu,.menu-item-has-children:focus-within>.sub-menu{display:block}.sub-menu a{display:block;font-size:14px;padding:7px 0;white-space:normal}.sub-menu .sub-menu{position:static;width:auto;box-shadow:none}.submenu-toggle{background:none;border:0;color:var(--cyan);cursor:pointer}.button{display:inline-block;border:0;border-radius:28px;padding:13px 25px;font-weight:700;font-size:14px}.yellow{background:var(--yellow);color:#080808}.client{font-size:10px;letter-spacing:1px;padding:9px 16px;white-space:nowrap}.menu-toggle{display:none}.blog-hero{padding:58px 0 64px;background:linear-gradient(90deg,#101920ed,#101920c4),url('assets/topbanner06.jpg') center 48%/cover;color:white}.eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.eyebrow a{color:inherit}.blog-hero h1{font-weight:300;font-size:56px;line-height:1.2;margin:18px 0}.intro{max-width:640px;color:#d5e0e8;font-size:18px}.blog-hero .search-form{max-width:540px;margin-top:26px}.search-form{display:flex;gap:0;min-width:0}.search-form label{flex:1;min-width:0}.search-form input{background:#fff;border:1px solid var(--line);border-radius:7px 0 0 7px;padding:12px 14px;width:100%;min-width:0;color:var(--text)}.search-form button{background:var(--cyan);color:#101920;border:0;padding:10px 17px;border-radius:0 7px 7px 0;font-weight:700;cursor:pointer}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;margin:48px auto 65px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.section-heading h2{font-size:24px;font-weight:600;margin:0}.section-heading a{font-size:13px}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.post-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #10192005}.card-cover{aspect-ratio:1.85;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:var(--navy);color:white;font-size:12px;letter-spacing:2px;border-bottom:3px solid var(--cyan)}.card-cover img{height:100%;width:100%;object-fit:cover}.cover-mark{color:var(--cyan);font-size:44px;line-height:1.2}.accent{color:var(--cyan)}.card-body{padding:24px}.categories{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.post-card h2{font-size:21px;line-height:1.45;margin:12px 0}.post-card h2 a{color:var(--text)}.meta{font-size:12px;color:var(--muted)}.card-body p{color:var(--muted);font-size:14px}.read-more{font-size:13px;font-weight:700}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:24px}.sidebar h2{font-size:17px;margin:0 0 18px}.sidebar .search-form input{font-size:13px;padding:10px;width:100%}.sidebar .search-form button{padding:10px;font-size:12px}.category-list,.recent-list{list-style:none;padding:0;margin:0;font-size:14px}.category-list li,.recent-list li{padding:10px 0;border-bottom:1px solid var(--line)}.category-list li:last-child,.recent-list li:last-child{border:0}.category-list a,.recent-list a{color:var(--text)}.cta{background:var(--navy);color:white;border:0}.cta h2{font-size:24px;margin:15px 0;line-height:1.4}.cta p{font-size:14px;color:#c9d4dc}.cta .eyebrow{color:var(--cyan)}.site-footer{background:var(--navy);color:#aebdc7;padding:65px 0 50px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.site-footer h2{color:#fff;font-size:16px;margin:0 0 22px}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:9px 0;font-size:13px}.site-footer a{color:#bfcbd4}.footer-brand{font-size:12px}.footer-brand img{width:180px}.article-hero{background:var(--navy);color:#fff;padding:50px 0}.article-hero h1{font-size:42px;line-height:1.3;max-width:920px;font-weight:600;margin:17px 0}.article-hero .categories{margin-top:20px}.article-hero .categories a,.article-hero .meta a{color:var(--cyan)}.article-hero .meta{color:#bacad5}.article{padding:32px}.article-image{width:100%;border-radius:8px;margin-bottom:20px}.entry-content{overflow-wrap:anywhere;line-height:1.9}.entry-content h2,.entry-content h3{line-height:1.4;margin-top:1.5em}.entry-content a{text-decoration:underline}.entry-content pre{overflow:auto;padding:20px;background:var(--deep);color:white;border-radius:8px}.entry-content blockquote{border-left:4px solid var(--cyan);margin:24px 0;padding:12px 22px;background:#f1f8fb}.entry-content table{display:block;overflow:auto;border-collapse:collapse}.entry-content td,.entry-content th{border:1px solid var(--line);padding:10px}.entry-content iframe{max-width:100%}.aligncenter{display:block;margin:auto}.alignleft{float:left;margin:0 20px 20px 0}.alignright{float:right;margin:0 0 20px 20px}.entry-content:after{content:'';display:table;clear:both}.wp-caption,.wp-caption-text,.gallery-caption{max-width:100%;font-size:13px}.sticky{border-top:3px solid var(--cyan)}.bypostauthor{border-left:2px solid var(--cyan)}.navigation{margin:28px 0}.nav-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}.page-numbers{background:white;border:1px solid var(--line);border-radius:5px;padding:7px 14px}.page-numbers.current{background:var(--navy);color:white}.tag-links{border-top:1px solid var(--line);padding-top:20px;font-size:13px}.page-content{padding-top:55px;padding-bottom:55px;min-height:55vh}.comment-form input:not([type=checkbox]):not([type=submit]),.comment-form textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:5px}.comment-form .submit{background:var(--yellow);border:0;padding:12px 22px;border-radius:25px;cursor:pointer}.comment-list{padding-left:20px}.comment-list .children{padding-left:20px}.comment-body{margin-bottom:25px}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{width:auto;height:auto;clip-path:none;background:#fff;color:#000;padding:12px;z-index:100}.wp-block-image{margin:20px 0}.wp-block-button__link{background:var(--navy);color:white}.wp-block-columns{gap:20px}[dir=rtl] .sub-menu{left:auto;right:0}
@media(max-width:1050px){.menu-toggle{display:block;background:none;color:white;border:1px solid #567080;border-radius:5px;padding:6px 12px}.header-inner nav{display:none;position:absolute;top:100%;left:0;right:0;padding:24px;background:var(--navy);align-items:flex-start;max-height:80vh;overflow:auto}.header-inner nav.is-open{display:flex;flex-direction:column}.menu{flex-direction:column;align-items:stretch;width:100%;gap:18px}.sub-menu{position:static;box-shadow:none;width:100%;max-height:none;margin-top:10px}.content-layout{grid-template-columns:minmax(0,1fr) 280px;gap:22px}.top-inner>div{display:none}}
@media(max-width:760px){.content-layout{grid-template-columns:1fr;margin-top:30px}.blog-hero{padding:40px 0}.blog-hero h1{font-size:38px}.intro{font-size:16px}.article-hero h1{font-size:31px}.footer-grid{grid-template-columns:1fr 1fr}.article{padding:22px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sidebar .panel{margin:0}.top-inner{font-size:11px;padding:8px 15px}}
@media(max-width:520px){.post-grid,.sidebar,.footer-grid{grid-template-columns:1fr}.section-heading h2{font-size:21px}.card-body{padding:22px}.site-footer{padding:40px 0}.footer-grid{gap:28px}.article-hero{padding:35px 0}.blog-hero h1{font-size:34px}.entry-content{font-size:16px}.header-inner{min-height:72px}.search-form input{font-size:14px}.section-heading a{font-size:12px}}