/*
Theme Name: Bling Bling Man — World of Bling
Author: Bling Bling Man
Description: Editable black, red, white and gold block theme for Bling Bling Man music and WooCommerce jewellery.
Version: 1.8
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: blingblingman
*/
:root{--bbm-gold:#e3b85d;--bbm-red:#c81f32}body{overflow-x:hidden}.bbm-hero{background:radial-gradient(ellipse at 75% 30%,#55202a 0%,#171114 42%,#080808 75%);min-height:550px;display:flex;align-items:center}.bbm-kicker{letter-spacing:.25em;text-transform:uppercase;font-size:.8rem;font-weight:700}.bbm-crown{color:var(--bbm-gold);font-size:2.3rem;line-height:1}.bbm-panel{border:1px solid #40332d;border-radius:14px;overflow:hidden}.bbm-section{padding-top:65px;padding-bottom:65px}.bbm-hero .wp-block-heading{line-height:1.03}.bbm-footer{border-top:2px solid var(--bbm-red)}.wp-block-button__link{transition:filter .2s}.wp-block-button__link:hover{filter:brightness(1.14)}.woocommerce ul.products li.product{background:#1b1b1b;border:1px solid #3b3431;border-radius:12px;padding:16px}.woocommerce ul.products li.product .price{color:var(--bbm-gold)}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--bbm-gold)}@media(max-width:680px){.bbm-hero{min-height:420px}.bbm-section{padding-top:38px;padding-bottom:38px}}

/* Artist reference image — replace via Site Editor when a new portrait is available. */
.bbm-artist-photo img{width:160px;height:160px;object-fit:cover;border-radius:50%;border:3px solid #e3b85d;display:block}
.bbm-artist-feature{gap:2rem}
@media(max-width:600px){.bbm-artist-photo img{width:140px;height:140px}}

/* Product collections and music sections remain editable in Site Editor. */
.bbm-section .wp-block-embed{max-width:900px;margin-inline:auto}.bbm-section h2{letter-spacing:.02em}.bbm-panel{min-height:140px}

/* v1.3 showroom: editable category blocks, auto-filled WooCommerce product gallery */
.bbm-showroom{background:radial-gradient(ellipse at 50% 0%,#391519 0%,#100b0c 45%,#070707 100%);border-top:3px solid #a81728;border-bottom:2px solid #cda349}.bbm-showroom-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bbm-showcase-card{min-width:0;background:linear-gradient(145deg,#272020,#0a0a0a 65%);border:1px solid #99773e;border-radius:12px;padding:24px 15px!important;text-align:center;box-shadow:0 12px 30px #0008}.bbm-showcase-card h3{color:#f1c76a;font-size:clamp(15px,1.7vw,22px)}.bbm-showcase-card p{color:#f4f0eb}.bbm-showcase-card .bbm-jewel-symbol{font-size:clamp(64px,7vw,110px);line-height:1.5;color:#f0c465;text-shadow:0 0 22px #d9a34e77,0 3px 2px #000}.bbm-showroom .woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.bbm-showroom .woocommerce ul.products li.product{width:auto!important;float:none!important;background:#171313;border:1px solid #8b673e;padding:12px!important;border-radius:10px}.bbm-showroom .woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff}.bbm-showroom .woocommerce ul.products li.product .price{color:#f1c76a}@media(max-width:900px){.bbm-showroom-grid,.bbm-showroom .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.bbm-showroom-grid,.bbm-showroom .woocommerce ul.products{grid-template-columns:1fr 1fr;gap:8px}.bbm-showcase-card{padding:15px 8px!important}.bbm-showcase-card .bbm-jewel-symbol{font-size:50px}}

/* v1.4: Bling Bling Man artwork behind the World of Bling hero, right aligned. */
.bbm-hero{background-color:#070707;background-image:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.85) 31%,rgba(0,0,0,.35) 57%,rgba(0,0,0,.03) 100%),url("assets/world-of-bling-hero.jpg");background-position:center,right center;background-size:cover,cover;background-repeat:no-repeat;min-height:650px;position:relative}
.bbm-hero>.wp-block-group{width:100%}.bbm-hero>.wp-block-group>.wp-block-group{max-width:650px;margin-left:0;margin-right:auto}.bbm-hero h1{text-shadow:0 3px 15px #000}.bbm-hero .wp-block-buttons{position:relative;z-index:2}
@media(max-width:900px){.bbm-hero{background-position:center,62% center;min-height:560px;background-image:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.66) 65%,rgba(0,0,0,.25)),url("assets/world-of-bling-hero.jpg")}}
@media(max-width:600px){.bbm-hero{min-height:570px;background-position:center,65% center;background-image:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.75) 54%,rgba(0,0,0,.25)),url("assets/world-of-bling-hero.jpg")}.bbm-hero>.wp-block-group>.wp-block-group{max-width:100%}}

/* Responsive direct YouTube embed */
.bbm-video-embed { width: 100%; max-width: 854px; margin: 1.5rem auto; aspect-ratio: 16 / 9; }
.bbm-video-embed iframe { display: block; width: 100%; height: 100%; border: 0; }

/* v1.6 supplied official crown logo in the website header */
.bbm-header-brand{display:inline-flex;align-items:center;width:190px;max-width:35vw;line-height:0}.bbm-header-brand img{width:100%;height:auto;display:block;object-fit:contain}.bbm-header-brand:focus-visible{outline:2px solid #e3b85d;outline-offset:4px}@media(max-width:600px){.bbm-header-brand{width:140px;max-width:45vw}}

/* v1.7: user-supplied Get Your Bling On portrait replaces the previous hero image. */
.bbm-hero{background-color:#070707;background-image:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.98) 31%,rgba(7,7,7,.70) 58%,rgba(7,7,7,.12) 100%),url("assets/world-of-bling-hero.jpg");background-size:cover,auto 100%;background-position:center,right center;background-repeat:no-repeat;min-height:650px}
@media(max-width:900px){.bbm-hero{background-image:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.94) 44%,rgba(7,7,7,.30) 100%),url("assets/world-of-bling-hero.jpg");background-size:cover,auto 100%;background-position:center,right center}}
@media(max-width:600px){.bbm-hero{background-image:linear-gradient(0deg,#070707 0%,rgba(7,7,7,.86) 48%,rgba(7,7,7,.15) 100%),url("assets/world-of-bling-hero.jpg");background-size:cover,auto 78%;background-position:center,right top;min-height:620px}}

/* v1.8: hero image is now an editable Image block, not a CSS background. */
.bbm-hero,.bbm-hero:not(.has-background){background:#070707!important;background-image:none!important;min-height:unset!important;padding-top:65px;padding-bottom:65px;}
.bbm-hero .bbm-hero-columns{align-items:center;gap:clamp(20px,4vw,70px)}
.bbm-hero .bbm-hero-copy{flex-basis:60%;min-width:0}
.bbm-hero .bbm-hero-portrait{flex-basis:40%;min-width:0}
.bbm-hero .bbm-hero-portrait figure{margin:0 auto;max-width:410px}
.bbm-hero .bbm-hero-portrait img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;object-position:right center;border-radius:10px;box-shadow:0 18px 45px #0009}
.bbm-hero .bbm-hero-copy h1{font-size:clamp(2.4rem,5vw,5rem)}
@media(max-width:781px){.bbm-hero{padding:36px 18px!important}.bbm-hero .bbm-hero-columns{flex-direction:column-reverse}.bbm-hero .bbm-hero-copy,.bbm-hero .bbm-hero-portrait{flex-basis:auto;width:100%}.bbm-hero .bbm-hero-portrait figure{max-width:270px}.bbm-hero .bbm-hero-portrait img{max-height:340px}}