/*
Theme Name: Ideaz Teal
Theme URI: https://ideaztechcom.com/
Description: A teal and gold magazine child theme of Twenty Twenty-Five with a dark single-row header (logo, menu and search), hero post grid, thumbnail list, top stories band, single posts with sidebar and a deep teal footer. Playfair Display and Inter fonts.
Author: Ideaz Tech
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
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: ideaz-teal
*/

:root{--mg-blue:#0e9f8e;--mg-dark:#0a2f35;--mg-text:#1f2d2f;--mg-line:#d8e7e6}
body{background:#f2f8f8;color:var(--mg-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.7}
.wp-site-blocks>*+*{margin-block-start:0!important}
h1,h2,h3,h4,h5{font-family:"Playfair Display",Georgia,serif;color:#111;font-weight:700}
a{color:inherit}

/* Header */
.mg-header{background:#fff;border-bottom:1px solid var(--mg-line)}
.mg-top{max-width:1200px;margin:0 auto;padding:.5rem 1rem!important;font-size:.82rem;border-bottom:1px solid var(--mg-line);align-items:center}
.mg-top .wp-block-post-template{margin:0;padding:0;list-style:none}
.mg-top li{margin:0}
.mg-trend-label{background:var(--mg-blue);color:#fff;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;margin:0}
.mg-top .wp-block-post-title{font-family:Inter,sans-serif;font-size:.85rem;font-weight:400;margin:0}
.mg-top .wp-block-post-title a{text-decoration:none;color:#333}
.mg-top .wp-block-post-title a:hover{color:var(--mg-blue)}
.mg-top .wp-block-search__button{background:transparent!important;color:#333!important;border:0;padding:.3rem}
.mg-top .wp-block-search__inside-wrapper{border:0!important;padding:0!important}
.mg-logo{padding:1.6rem 1rem!important;gap:.7rem!important;align-items:center}
.mg-logo .wp-block-site-logo img{display:block;height:auto}
.mg-brand,.mg-brand a{font-family:"Playfair Display",Georgia,serif;font-size:2.5rem;font-weight:700;color:#111;text-decoration:none;margin:0;line-height:1.1}
.mg-nav{max-width:1200px;margin:0 auto;padding:0 1rem!important}
.mg-nav-in{border-top:1px solid var(--mg-line);border-bottom:1px solid var(--mg-line);background:#fff}
.mg-nav .wp-block-navigation{font-family:Inter,sans-serif;font-size:.85rem;font-weight:400;text-transform:uppercase;letter-spacing:.02em}
.mg-nav .wp-block-navigation a{color:#2c2f34!important;text-decoration:none;padding:.9rem 1rem!important;transition:background .15s,color .15s}
.mg-nav .wp-block-navigation a:hover,.mg-nav .wp-block-navigation a[aria-current]{background:var(--mg-blue);color:#fff!important}
.mg-nav .wp-block-navigation__responsive-container-open{color:#222}

/* Layout */
.mg-wrap{max-width:1200px;margin:1.5rem auto;background:#fff;padding:1.5rem!important;box-shadow:0 0 12px rgba(0,0,0,.06)}
.mg-wrap>*{margin-top:0}

/* Hero grid */
.mg-hero{display:grid!important;grid-template-columns:2fr 1fr 1fr;grid-template-rows:250px 250px;gap:4px;margin:0 0 2rem!important;padding:0!important;list-style:none}
.mg-hero>li{margin:0!important;min-height:0}
.mg-hero>li:first-child{grid-row:1/3}
.mg-hero .wp-block-cover{height:100%;min-height:0!important;padding:1.1rem!important;border-radius:0;margin:0}
.mg-hero .wp-block-post-title{font-size:1rem;line-height:1.3;margin:.4rem 0 .3rem}
.mg-hero>li:first-child .wp-block-post-title{font-size:1.9rem}
.mg-hero .wp-block-post-title a{color:#fff;text-decoration:none}
.mg-tag a,.mg-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.wp-block-post-terms.mg-tag a{background:var(--mg-blue);color:#fff;padding:.18rem .55rem;display:inline-block}
.mg-hmeta{font-size:.72rem;gap:.8rem!important}
.mg-hmeta,.mg-hmeta *{color:#e5e7eb}

/* Block title */
.mg-btitle{font-family:Inter,sans-serif;font-size:1rem!important;text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin:0 0 1.4rem!important;padding-bottom:.6rem;border-bottom:1px solid var(--mg-line);position:relative}
.mg-btitle::after{content:"";position:absolute;left:0;bottom:-1px;width:70px;height:3px;background:var(--mg-blue)}

/* List */
.mg-list{margin:0;padding:0;list-style:none}
.mg-list>li{margin:0 0 1.6rem!important;padding-bottom:1.6rem;border-bottom:1px solid #eee}
.mg-item.wp-block-columns{gap:1.4rem!important;margin:0!important;align-items:flex-start}
.mg-item img{width:100%;height:auto;display:block;object-fit:cover}
.mg-item .wp-block-post-title{font-size:1.45rem;line-height:1.3;margin:.5rem 0 .4rem}
.mg-item .wp-block-post-title a{text-decoration:none;color:#111}
.mg-item .wp-block-post-title a:hover{color:var(--mg-blue)}
.mg-meta{font-size:.78rem;color:#777;gap:.9rem!important}
.mg-meta,.mg-meta *{color:#777}
.mg-item .wp-block-post-excerpt{font-size:.95rem;color:#555;margin:.5rem 0 0}
.mg-item .wp-block-post-excerpt p{margin:0}

/* Dark band */
.mg-dark{background:#0a2f35;color:#d5e7e6;padding:1.6rem!important;margin-top:1rem}
.mg-dark .mg-btitle{color:#fff;border-bottom-color:#444}
.mg-cards{gap:1.4rem!important;margin:0;padding:0}
.mg-cards img{width:100%;height:auto;display:block}
.mg-cards .wp-block-post-title{font-size:1.05rem;line-height:1.35;margin:.7rem 0 .4rem}
.mg-cards .wp-block-post-title a{color:#fff;text-decoration:none}
.mg-cards .wp-block-post-title a:hover{color:var(--mg-blue)}
.mg-cards .wp-block-post-date,.mg-cards .wp-block-post-excerpt{font-size:.82rem;color:#aaa}
.mg-cards .wp-block-post-excerpt p{margin:.3rem 0 0}

/* Single */
.mg-cols{gap:2rem!important;margin:0!important}
.mg-crumb{font-size:.8rem;gap:.4rem!important;color:#777;margin-bottom:1rem}
.mg-crumb p,.mg-crumb .wp-block-post-terms,.mg-crumb .mg-crumb-t{margin:0!important;font-size:.8rem!important}
.mg-crumb a{text-decoration:none;color:#555}
.mg-single h1{font-size:2.3rem;line-height:1.25;margin:.8rem 0 1rem}
.mg-smeta{font-size:.82rem;gap:.9rem!important;color:#777;align-items:center;margin-bottom:1rem}
.mg-smeta p{margin:0}
.mg-smeta .wp-block-post-author__avatar img{border-radius:50%}
.mg-smeta .wp-block-post-author-name a,.mg-smeta .wp-block-post-author-name{color:#111;font-weight:700;text-decoration:none}
.mg-share{display:flex;gap:.4rem;margin:0 0 1.4rem}
.mg-share a{font-size:.72rem;font-weight:700;color:#fff;text-decoration:none;padding:.35rem .8rem;border-radius:2px}
.mg-share .fb{background:#3b5998}.mg-share .tw{background:#111}.mg-share .li{background:#0077b5}
.mg-single .wp-block-post-featured-image{margin:0 0 1.5rem}
.mg-single .wp-block-post-featured-image img{width:100%;height:auto;display:block}
.mg-single .wp-block-post-content h2{font-size:1.6rem;margin:2rem 0 .8rem}
.mg-single .wp-block-post-content h3{font-size:1.3rem}
.mg-single .wp-block-post-content p,.mg-single .wp-block-post-content li{font-size:1.06rem;color:#333}
.mg-single .wp-block-post-content a{color:var(--mg-blue)}
.mg-tags a{font-size:.75rem;border:1px solid var(--mg-line);padding:.2rem .6rem;text-decoration:none;margin-right:.3rem;display:inline-block}
.mg-tags a:hover{background:var(--mg-blue);color:#fff;border-color:var(--mg-blue)}
.mg-side .mg-btitle{margin-top:0!important}
.mg-side>*{margin-bottom:2rem}
.mg-side ul{list-style:none;padding:0;margin:0}
.mg-side li{padding:.5rem 0;border-bottom:1px solid #eee;font-size:.92rem}
.mg-side a{text-decoration:none}.mg-side a:hover{color:var(--mg-blue)}
.mg-side .wp-block-latest-posts__featured-image img{width:70px;height:70px;object-fit:cover}
.mg-side .wp-block-search__button{background:var(--mg-blue);color:#fff;border:0}

/* Footer */
.mg-footer{background:var(--mg-dark);color:#bbb}
.mg-fcols{max-width:1200px;margin:0 auto;padding:2.5rem 1rem!important;gap:2.5rem!important}
.mg-footer h4{color:#fff;font-family:Inter,sans-serif;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #333;padding-bottom:.6rem;margin:0 0 1rem}
.mg-footer a{color:#bbb;text-decoration:none}.mg-footer a:hover{color:var(--mg-blue)}
.mg-footer .wp-block-tag-cloud a{border:1px solid #333;padding:.2rem .6rem;display:inline-block;margin:0 .3rem .4rem 0;font-size:.78rem!important}
.mg-footer .wp-block-tag-cloud a:hover{background:var(--mg-blue);color:#fff;border-color:var(--mg-blue)}
.mg-footer .wp-block-latest-posts{list-style:none;padding:0;margin:0}
.mg-footer .wp-block-latest-posts li{padding:.55rem 0;border-bottom:1px solid #2a2a2a;font-size:.9rem}
.mg-footer .wp-block-latest-posts__post-date{display:block;font-size:.72rem;color:#777}
.mg-info{background:#061e22;padding:1rem!important;font-size:.82rem;color:#999}
.mg-info p,.mg-info .wp-block-site-title{margin:0}
.mg-info a{color:#ddd}

/* Pagination */
.wp-block-query-pagination{margin-top:1.5rem;gap:.4rem;font-size:.85rem}
.wp-block-query-pagination a,.wp-block-query-pagination .page-numbers{padding:.35rem .8rem;border:1px solid var(--mg-line);text-decoration:none;color:#333}
.wp-block-query-pagination .current,.wp-block-query-pagination a:hover{background:var(--mg-blue);border-color:var(--mg-blue);color:#fff}

@media(max-width:900px){
.mg-hero{grid-template-columns:1fr 1fr;grid-template-rows:300px 200px 200px}
.mg-hero>li:first-child{grid-column:1/3;grid-row:1}
}
@media(max-width:600px){
.mg-hero{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:220px}
.mg-hero>li:first-child{grid-column:1;grid-row:auto}
.mg-brand,.mg-brand a{font-size:1.8rem}.mg-single h1{font-size:1.7rem}.mg-wrap{margin:0;padding:1rem!important}
}

/* Edition overrides: navy menu bar, rounded cards, soft shadows, accent bar titles */
.mg-header{border-bottom:0}
.mg-top{border-bottom:1px solid var(--mg-line)}
.mg-nav-in{background:#0a2f35;border:0;border-radius:0}
.mg-nav .wp-block-navigation a{color:#fff!important;font-weight:500;letter-spacing:.06em}
.mg-nav .wp-block-navigation a:hover,.mg-nav .wp-block-navigation a[aria-current]{background:var(--mg-blue);color:#fff!important}
.mg-nav .wp-block-navigation__responsive-container-open{color:#fff}
.mg-nav .wp-block-navigation__responsive-container.is-menu-open{background:#0a2f35;color:#fff}
.mg-brand,.mg-brand a{font-weight:900;letter-spacing:-.01em}
.mg-wrap{border-radius:14px;box-shadow:0 8px 30px rgba(10,47,53,.10)}
.mg-hero{gap:8px}
.mg-hero .wp-block-cover,.mg-hero>li:first-child .wp-block-cover{border-radius:12px;overflow:hidden}
.mg-item img,.mg-cards img,.mg-single .wp-block-post-featured-image img{border-radius:10px}
.mg-btitle{border-bottom:0;padding:0 0 0 .8rem;border-left:4px solid var(--mg-blue);letter-spacing:.08em;font-size:1.05rem!important}
.mg-btitle::after{display:none}
.mg-dark{border-radius:12px}
.wp-block-post-terms.mg-tag a{border-radius:20px;padding:.2rem .7rem}
.mg-list>li{border-bottom:1px solid var(--mg-line)}
.mg-single h1{font-weight:900}
.mg-share a{border-radius:20px}
.mg-tags a{border-radius:20px}
.mg-side .wp-block-latest-posts__featured-image img{border-radius:8px}
.mg-side .wp-block-search__button{border-radius:0 20px 20px 0;background:var(--mg-blue)}
.mg-footer .wp-block-tag-cloud a{border-radius:20px;border-color:#1f4a50}
.mg-footer h4{border-bottom-color:#1f4a50}
.wp-block-query-pagination a,.wp-block-query-pagination .page-numbers{border-radius:20px}

/* Compact header: logo, menu and search in one row */
.mg-header{background:#fff;border-bottom:3px solid var(--mg-blue);position:sticky;top:0;z-index:60}
.mg-row{max-width:1200px;margin:0 auto;padding:.8rem 1rem!important;gap:1.5rem!important;align-items:center}
.mg-row .mg-logo{padding:0!important;flex-shrink:0}
.mg-row .mg-brand,.mg-row .mg-brand a{font-size:1.9rem;line-height:1.1}
.mg-menu{flex:1;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.mg-menu a{color:#0a2f35!important;text-decoration:none;padding:.55rem .85rem!important;border-radius:20px;transition:background .15s,color .15s}
.mg-menu a:hover,.mg-menu a[aria-current]{background:var(--mg-blue);color:#fff!important}
.mg-hsearch .wp-block-search__button{background:transparent!important;color:#0a2f35!important;border:0;padding:.4rem}
.mg-hsearch .wp-block-search__inside-wrapper{border:0!important;padding:0!important}
@media(max-width:781px){.mg-row{gap:.8rem!important}.mg-row .mg-brand,.mg-row .mg-brand a{font-size:1.4rem}}

/* Teal: dark header bar, gold accents */
.mg-header{background:#0a2f35;border-bottom:3px solid #f5b301}
.mg-row .mg-brand,.mg-row .mg-brand a{color:#fff}
.mg-menu a{color:#e6f4f3!important}
.mg-menu a:hover,.mg-menu a[aria-current]{background:#f5b301;color:#0a2f35!important}
.mg-hsearch .wp-block-search__button{color:#fff!important}
.mg-menu .wp-block-navigation__responsive-container-open{color:#fff}
.mg-menu .wp-block-navigation__responsive-container.is-menu-open{background:#0a2f35}
.wp-block-post-terms.mg-tag a{background:#f5b301;color:#0a2f35}
.mg-btitle{border-left-color:#f5b301}
.wp-block-query-pagination .current,.wp-block-query-pagination a:hover{background:#0e9f8e;border-color:#0e9f8e}
.mg-dark{background:#0a2f35}
.mg-footer{background:#0a2f35;border-top:4px solid #f5b301}