/* ===========================================================
   BYD COMPONENTS
   Header, menu, snapshot blocks, flags, MEC styling
   =========================================================== */


/* ===========================================================
   HEADER
   =========================================================== */

.byd-header{
position:sticky;
top:0;
z-index:1000;
background:rgba(248,247,243,.96);
backdrop-filter:saturate(1.1) blur(6px);
border-bottom:1px solid rgba(34,48,58,.08)
}

.byd-header__inner{
display:flex;
align-items:center;
justify-content:space-between;
width:min(var(--byd-inner-pct), var(--byd-max));
margin:0 auto;
padding:.7rem 1rem
}


/* ===========================================================
   MENU BUTTONS
   =========================================================== */

.byd-library-bar{
display:flex;
justify-content:center;
align-items:center;
gap:1rem;
margin:1.8rem auto 0;
width:fit-content
}

.byd-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:.5rem;
background:var(--byd-gold);
color:#1c1c1c;
border:none;
padding:.6rem 1.25rem;
border-radius:9999px;
text-decoration:none;
font-weight:700;
font-size:1rem;
cursor:pointer;
transition:all .18s ease;
box-shadow:0 4px 12px rgba(0,0,0,.08)
}

.byd-btn,
.byd-btn:link,
.byd-btn:visited{
color:#1c1c1c;
text-decoration:none  !important;
}

.byd-btn:hover{
background:var(--byd-hover);
color:#fff;
transform:translateY(-1px)
}

.byd-btn:focus{
outline:2px solid var(--byd-hover);
outline-offset:2px;
}

/* Override UAGB button link colour */

.wp-block-uagb-buttons .uagb-button__link,
.wp-block-uagb-buttons .uagb-button__link:link,
.wp-block-uagb-buttons .uagb-button__link:visited{
color:#1c1c1c !important;
text-decoration:none;
font-weight:700;
}

.wp-block-uagb-buttons .uagb-buttons-repeater{
border:none !important;
box-shadow:none !important;
}

/* Fix UAGB hover behaviour */

.wp-block-uagb-buttons .uagb-buttons-repeater:hover{
background:transparent !important;
}

.wp-block-uagb-buttons .uagb-buttons-repeater:hover .uagb-button__link{
background:var(--byd-hover) !important;
color:#fff !important;
}


/* ===========================================================
   STORY SNAPSHOT
   =========================================================== */

.byd-snapshot{
background:linear-gradient(180deg,#fffaf0 0%, #fff7e6 100%);
border:1px solid rgba(0,0,0,.05);
border-left:4px solid var(--byd-hover);
border-radius:20px;
padding:1.25rem 1.5rem;
box-shadow:0 8px 22px rgba(0,0,0,.07);
margin:2.2rem auto;
max-width:var(--byd-max)
}

.byd-snapshot ul{
list-style:none;
margin:0;
padding:0
}

.byd-snapshot li{
display:grid;
grid-template-columns:minmax(150px,180px) 1fr;
gap:.65rem;
padding:.55rem .8rem;
border-radius:12px;
background:rgba(255,255,255,.5)
}

.byd-snapshot li strong{
color:var(--byd-hover);
font-weight:700
}


/* ===========================================================
   STORE FLAGS
   =========================================================== */

.byd-bounty-title{
text-align:center;
font-size:.97rem;
color:var(--byd-text);
opacity:.9;
margin:1.2rem 0 .7rem
}

.byd-flag-list{
list-style:none;
margin:0 auto;
padding:0;
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:.55rem
}

.byd-flag-list a{
display:inline-flex;
align-items:center;
gap:.4rem;
padding:.38rem .7rem;
background:#fff;
border:1px solid rgba(0,0,0,.1);
border-radius:9999px;
color:var(--byd-text);
font-weight:700;
font-size:.95rem;
text-decoration:none;
box-shadow:0 2px 6px rgba(0,0,0,.05)
}

.byd-flag-list a:hover{
background:var(--byd-gold);
transform:translateY(-1px)
}


/* ===========================================================
   MEC CALENDAR SKIN
   =========================================================== */

.mec-wrap,
.mec-container,
.mec-calendar{
background-color:var(--byd-bg);
font-family:var(--byd-font-sans);
color:var(--byd-text)
}

.mec-event-title a{
font-family:var(--byd-font-serif);
color:var(--byd-text);
font-weight:700
}

.mec-event-button{
background-color:var(--byd-gold);
border-radius:9999px
}

.mec-event-button:hover{
background-color:var(--byd-hover);
color:#fff
}


/* ===========================================================
   APPLE BOOKS LINK (EXTERNAL)
   =========================================================== */

.byd-apple-link{
color:#b98b2e;
font-weight:500;
text-decoration:none;
border-bottom:1px solid #e6c56b;
transition:all .2s ease;
}

.byd-apple-link:hover{
color:#f57c00;
border-bottom:1px solid #f57c00;
}


/* ===========================================================
   CONTENT LINKS (INTERNAL)
   =========================================================== */

.byd-content-link{
color:#b98b2e;
font-weight:500;
text-decoration:none;
border-bottom:none;
transition:all .2s ease;
}

.byd-content-link:hover{
color:#f57c00;
}

/* ===========================================================
   STORY GRID BUTTONS
   =========================================================== */

.byd-grid-stories .uagb-post__button,
.byd-grid-stories .wp-block-button__link,
.byd-grid-stories .uagb-post__cta a{

background:var(--byd-gold) !important;
color:#1c1c1c !important;
border:none !important;

padding:.6rem 1.2rem;
border-radius:9999px;

font-weight:700;
text-decoration:none;

display:inline-flex;
align-items:center;
justify-content:center;

transition:all .2s ease;
}

.byd-grid-stories .uagb-post__button:hover,
.byd-grid-stories .wp-block-button__link:hover,
.byd-grid-stories .uagb-post__cta a:hover{

background:var(--byd-hover) !important;
color:#fff !important;
transform:translateY(-1px);
}
/* ===========================================================
   BUTTON ROW (USED FOR SHARE / SERIES BUTTONS)
   =========================================================== */

.byd-button-row{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:1rem;
margin-top:1.4rem;
text-align:center;
}

.byd-section-share{
text-align:center;
}

/* ===========================================================
   H3 links (Collection titles)
   =========================================================== */

.byd-collection-grid .uagb-heading-text a{
color:#b98b2e;
text-decoration:none;
border-bottom:2px solid transparent;
display:inline-block;
padding:.15rem 0;
transition:all .2s ease;
}

.byd-collection-grid .uagb-heading-text a:hover{
color:#f57c00;
border-bottom:2px solid #f57c00;
}

/* ===========================================================
   Quote
   =========================================================== */

.wp-block-quote{
font-style:normal;
border-left:2px solid rgba(0,0,0,.08);
padding-left:1rem;
margin:2rem 0;

font-family:var(--byd-font-serif); /* important */
font-size:.95rem;
line-height:1.7;
color:rgba(34,48,58,.85); /* slightly softer text */
}

.wp-block-quote p{
margin:0;
}

.wp-block-quote cite{
display:none;
}