/*
Theme Name: WestBound
Theme URI: https://westboundamp.com
Description: Child theme of Twenty Twenty-Five for WestBound Amp & Embroidery. Brand colours, fonts and block styles; every page is built from core blocks and editable in the block editor.
Author: JB Web
Author URI: https://jbweb.com
Template: twentytwentyfive
Version: 1.1.2
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: westbound
*/

/* ---- Block style: Stitched (dashed gold border, like embroidery) ---- */
.is-style-stitched { border: 2px dashed var(--wp--preset--color--light-gold); }
.is-style-stitched-rust { border: 2px dashed var(--wp--preset--color--rust); }

/* ---- Image style: Stitch frame (offset dashed frame behind the photo) ---- */
.wp-block-image.is-style-stitch-frame { position: relative; padding: 0 24px 24px 0; }
.wp-block-image.is-style-stitch-frame::before { content: ""; position: absolute; top: 24px; left: 24px; right: 0; bottom: 0; border: 2px dashed var(--wp--preset--color--gold); }
.wp-block-image.is-style-stitch-frame img { position: relative; }
@media (max-width: 781px) { .wp-block-image.is-style-stitch-frame { padding: 0 14px 14px 0; } .wp-block-image.is-style-stitch-frame::before { top: 14px; left: 14px; } }

/* ---- Image style: Zoom on hover ---- */
.wp-block-image.is-style-zoom { overflow: hidden; }
.wp-block-image.is-style-zoom img { transition: transform .5s ease; }
.wp-block-image.is-style-zoom:hover img, a:hover .wp-block-image.is-style-zoom img { transform: scale(1.04); }

/* ---- Button style: Outline (cream on dark backgrounds) ---- */
.wp-block-button.is-style-outline-light .wp-block-button__link { background: transparent; color: var(--wp--preset--color--cream); border: 2px solid var(--wp--preset--color--cream); }
.wp-block-button.is-style-outline-light .wp-block-button__link:hover { background: var(--wp--preset--color--cream); color: var(--wp--preset--color--ink); }

/* ---- Button style: Text link (rust, uppercase, no box) ---- */
.wp-block-button.is-style-text-link .wp-block-button__link { background: transparent; color: var(--wp--preset--color--rust); padding: 0; }
.wp-block-button.is-style-text-link .wp-block-button__link:hover { background: transparent; color: var(--wp--preset--color--brown); text-decoration: underline; }

/* ---- List style: Stitched ticks ---- */
.wp-block-list.is-style-stitched-list { list-style: none; padding-left: 0; }
.wp-block-list.is-style-stitched-list li { padding-left: 18px; border-left: 2px dashed var(--wp--preset--color--gold); margin-bottom: .6em; }

/* ---- Cards keep image flush to the edges ---- */
.wb-card > .wp-block-image { margin-block: 0; }
.wb-card > .wp-block-image img { width: 100%; }

/* ---- Header navigation ---- */
.wb-header .wp-block-navigation-item__content { padding: 8px 0; border-bottom: 2px solid transparent; }
.wb-header .wp-block-navigation-item__content:hover, .wb-header .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--light-gold); border-bottom-color: var(--wp--preset--color--gold); }
.wb-footer a { color: var(--wp--preset--color--cream); text-decoration: none; }
.wb-footer a:hover { color: var(--wp--preset--color--light-gold); }

/* ---- Gutenberg resets ---- */
.wp-site-blocks > main { margin-block-start: 0; }
.wp-site-blocks > footer { margin-block-start: 0; }
.wp-block-image img { display: block; }
.has-ink-background-color .wp-block-heading, .has-brown-background-color .wp-block-heading { color: inherit; }
