/*
 Theme Name:   GeneratePress Child — The Moogs
 Theme URI:    https://staging.themoogs.ie
 Description:  Child theme for The Moogs wedding band redesign
 Author:       thenet.ie
 Template:     generatepress
 Version:      1.0.0
*/

/* GP shell + header/footer mapped to Claude Design v2 */

body:has(.mg-page){background:var(--ink,#0c0c0e);color:var(--paper,#f4f1ea);font-family:'Sora',system-ui,sans-serif;}
body:has(.mg-page) #page.grid-container{max-width:100%;padding-left:0;padding-right:0;}
body:has(.mg-page) .site-content{padding:0;}
body:has(.mg-page) main.mg-page{width:100%;background:var(--ink,#0c0c0e);}

/* ---- Header as .nav ---- */
body:has(.mg-page) .site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:transparent;
  transition:background .4s ease,padding .4s ease,box-shadow .4s ease;
  border-bottom:1px solid transparent;
}
body.mg-scrolled:has(.mg-page) .site-header{
  background:rgba(12,12,14,.85);
  backdrop-filter:blur(14px);
  border-bottom-color:rgba(255,255,255,.09);
}
body:has(.mg-page) .inside-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 48px;max-width:none;
}
body.mg-scrolled:has(.mg-page) .inside-header{padding:14px 48px;}
body:has(.mg-page) .site-branding .main-title,
body:has(.mg-page) .site-branding .site-description{display:none;}
body:has(.mg-page) .mg-brand a{display:block;line-height:0;}
body:has(.mg-page) .logoimg{height:48px;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));}
body:has(.mg-page) .main-navigation{background:transparent;flex:1;display:flex;justify-content:flex-end;}
body:has(.mg-page) .main-navigation .inside-navigation{padding:0;}
body:has(.mg-page) .main-navigation .main-nav>ul{
  display:flex;gap:34px;align-items:center;
}
body:has(.mg-page) .main-navigation .main-nav ul li a,
body:has(.mg-page) .main-navigation .menu-toggle{
  color:#f4f1ea;text-decoration:none;font-size:14px;font-weight:400;
  letter-spacing:.3px;opacity:.85;transition:opacity .2s,color .2s;
  padding:0;background:none;
}
body:has(.mg-page) .main-navigation .main-nav ul li:hover>a,
body:has(.mg-page) .main-navigation .main-nav ul li[class*="current-menu-"]>a{
  opacity:1;color:#eccd60;
}
body:has(.mg-page) .mg-header-cta{
  background:#d4af37;color:#0c0c0e!important;
  padding:11px 22px;border-radius:40px;font-weight:600!important;
  opacity:1!important;transition:transform .2s,box-shadow .2s;
  text-decoration:none;display:inline-flex;align-items:center;
}
body:has(.mg-page) .mg-header-cta:hover{
  transform:translateY(-2px);box-shadow:0 8px 24px rgba(212,175,55,.35);color:#0c0c0e!important;
}
body:has(.mg-page) .mg-header-extras{margin-left:0;}
body:has(.mg-page) .site-footer{padding:0;}

/* ---- Footer as .foot ---- */
.mg-foot{background:#0c0c0e;border-top:1px solid rgba(255,255,255,.09);padding:60px 48px 36px;color:#9a9aa2;font-family:'Sora',system-ui,sans-serif;}
.mg-foot-top{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px;}
.mg-foot-brand p{color:#9a9aa2;font-size:14px;margin-top:14px;max-width:280px;}
.mg-foot-cols{display:flex;gap:64px;flex-wrap:wrap;}
.mg-foot-col h4{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#d4af37;margin:0 0 16px;}
.mg-foot-col a{display:block;color:#cfcbc2;text-decoration:none;font-size:14.5px;margin-bottom:11px;transition:color .2s;}
.mg-foot-col a:hover{color:#f4f1ea;}
.mg-foot-bottom{max-width:1180px;margin:40px auto 0;padding-top:26px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:13px;color:#9a9aa2;}

@media(max-width:900px){
  body:has(.mg-page) .inside-header{padding:18px 24px;}
  body:has(.mg-page) .mg-header-cta{display:none;}
  .mg-foot{padding:48px 24px 28px;}
  .mg-foot-cols{gap:32px;}
}