/*
Theme Name: Rt. Hon. Engr. Abubakar Momoh Official Theme
Theme URI: https://sdkpage.com
Author: SDKPage Enterprise - Adisa Sodiq Oladimeji
Version: 1.1.0
*/

:root{--primary-green:#008751;--accent-gold:#C5A059;--dark-text:#1a1a1a;--light-bg:#f4f7f6;--white:#ffffff}
*{box-sizing:border-box;margin:0;padding:0}
html{margin-top:0!important}
body{font-family:'Inter',sans-serif!important;color:var(--dark-text);background-color:var(--light-bg);line-height:1.6;overflow-x:hidden;width:100%}

.container{max-width:1140px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important;width:100%;display:block;clear:both}

/* --- MULTIMEDIA & CAPTION RECOVERY (THE NEW FIX) --- */

/* Updated Section 1 for better visual balance */
embed, iframe, object, video {
    max-width: 100% !important;
    height: auto !important;
    max-height: 70vh; /* Prevents vertical videos from being too tall */
    border-radius: 8px;
    background: #000; /* Adds a black background while loading */
}

/* 2. Fix for WordPress Captions (Figures) that break layouts */
.wp-caption, figure {
    max-width: 100% !important;
    width: auto !important; /* Overrides the inline width WP adds */
    margin-bottom: 20px;
}

.wp-caption img, figure img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
}

.wp-caption-text, figcaption {
    font-size: 0.85rem;
    color: #666;
    padding: 10px 5px;
    text-align: center;
    line-height: 1.4;
}

/* 3. General Image Safety */
img {
    max-width: 100%;
    height: auto;
}

/* --- EXISTING THEME STYLES --- */
header{background:var(--white);padding:15px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000}
header .container{display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:800;color:var(--primary-green);text-decoration:none;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}
.nav-menu{display:flex;align-items:center}
.nav-links{list-style:none;display:flex;gap:25px;align-items:center}
.nav-links li a{text-decoration:none;color:var(--dark-text);font-weight:600;transition:color .3s ease}
.nav-links li a:hover{color:var(--primary-green)}
.desktop-only-btn{display:inline-block;margin-left:20px}
.mobile-btn-style,.menu-toggle{display:none}

.hero{display:flex;align-items:center;padding:120px 0;background:linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65)),url('https://www.abubakarmomoh.com/wp-content/uploads/2026/01/WhatsApp-Image-2026-01-10-at-17.55.41.jpeg');background-size:cover;background-position:center;color:var(--white);width:100%}
.hero h1{font-family:'Playfair Display',serif!important;font-size:3.5rem!important;font-weight:700!important;margin-bottom:20px;line-height:1.1}
.hero p{font-size:1.25rem;max-width:650px;margin-bottom:30px}

.section-title{display:block!important;width:100%!important;text-align:center!important;font-family:'Playfair Display',serif!important;font-size:2.8rem!important;font-weight:700!important;color:var(--primary-green)!important;margin-bottom:50px!important;clear:both}
.section{padding:80px 0;width:100%}

.grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:30px!important;width:100%!important}

.card{background:var(--white);border-bottom:4px solid var(--primary-green);border-radius:8px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,0.05);transition:transform .3s ease}
.card:hover{transform:translateY(-5px)}
.card img{width:100%;height:250px;object-fit:cover}
.card-body{padding:25px}
.card h3{color:var(--primary-green);margin-bottom:15px;font-family:'Playfair Display',serif!important;font-size:1.5rem}

.trad-section{background:var(--white)!important;padding:80px 0!important;width:100%}
.title-box{border:1px solid #eee!important;padding:30px!important;border-radius:12px!important;text-align:center!important;background:#fafafa!important;height:100%}
.title-box h4{font-family:'Inter',sans-serif!important;color:var(--accent-gold)!important;font-size:1.4rem!important;font-weight:600!important;margin-bottom:12px!important;text-transform:uppercase}
.title-box p{font-style:italic;color:#555;font-size:1rem}

.btn{background:var(--accent-gold);color:var(--white)!important;padding:12px 35px;text-decoration:none;font-weight:700;border-radius:4px;display:inline-block;transition:background .3s ease}
.btn:hover{background:#a68445}

footer{background:#111;color:#ccc;padding:60px 0;text-align:center;width:100%}

@media (max-width:992px){
    .menu-toggle{display:block!important}
    .nav-links{display:none;flex-direction:column;position:absolute;top:70px;left:0;width:100%;background:#fff;padding:20px;box-shadow:0 10px 15px rgba(0,0,0,0.1);z-index:999}
    .nav-links.active{display:flex!important}
    .nav-links li{width:100%;text-align:center;padding:15px 0;border-bottom:1px solid #eee}
    .desktop-only-btn{display:none}
    .mobile-btn-style{display:inline-block;background:var(--accent-gold);color:#fff!important;padding:10px 20px;border-radius:4px}
    .hero h1{font-size:2.5rem!important}
    .section-title{font-size:2.2rem!important}
}