/*
Theme Name:  Pride Bricks
Theme URI:   https://www.pridebricks.de
Description: Pride Bricks – Boutique Child Theme für Kadence. Heller, eleganter Look mit Fraunces, vollem Pride-Regenbogen und Community-Flaggen-Rahmen pro Produktkategorie. Vollständig WooCommerce-kompatibel.
Author:      Pride Bricks
Author URI:  https://www.pridebricks.de
Template:    kadence
Version:     2.1.1
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pride-bricks
Tags:        light, woocommerce, e-commerce, custom-colors, two-columns
*/

/* ══════════════════════════════════════════════════════════════
   PRIDE BRICKS – BOUTIQUE DESIGN v2.0
   Heller Body · dunkle Header/Footer · Fraunces · Pride-Regenbogen
   ══════════════════════════════════════════════════════════════ */

:root {
  /* Grundfarben */
  --pb-bg:       #faf8f4;   /* Heller, warmer Hintergrund */
  --pb-surface:  #ffffff;   /* Karten */
  --pb-surface2: #f3efe7;   /* Sekundärflächen */
  --pb-border:   #e5e0d7;   /* Rahmen hell */
  --pb-dark:     #1c1a17;   /* Header/Footer dunkel */
  --pb-text:     #242019;   /* Haupttext dunkel */
  --pb-muted:    #6a6357;   /* Gedimmter Text */
  --pb-muted2:   #9a9284;   /* Noch heller */
  --pb-light:    #faf8f4;   /* Text auf Dunkel */
  --pb-light-muted:#b5afa4; /* Gedimmt auf Dunkel */

  /* Pride-Verläufe */
  --pride:      linear-gradient(90deg,#e40303 0%,#ff8c00 20%,#ffed00 40%,#008026 60%,#004dff 80%,#750787 100%);
  --pride-135:  linear-gradient(135deg,#e40303 0%,#ff8c00 20%,#ffed00 40%,#008026 60%,#004dff 80%,#750787 100%);
  /* Text-Verlauf ohne hellen Aufheller (sattes Goldgelb) */
  --pride-text: linear-gradient(120deg,#e40303 0%,#ff6b00 18%,#e8b800 34%,#008026 52%,#004dff 76%,#750787 100%);

  /* Community-Flaggen */
  --flag-trans:    linear-gradient(135deg,#5bcefa 0%,#f5a9b8 35%,#ffffff 50%,#f5a9b8 65%,#5bcefa 100%);
  --flag-bi:       linear-gradient(135deg,#d60270 0%,#d60270 35%,#9b4f96 50%,#0038a8 65%,#0038a8 100%);
  --flag-pan:      linear-gradient(135deg,#ff218c 0%,#ffd800 50%,#21b1ff 100%);
  --flag-lesbian:  linear-gradient(135deg,#d52d00 0%,#ff9a56 25%,#ffffff 50%,#d362a4 75%,#a30262 100%);
  --flag-bear:     linear-gradient(135deg,#623804 0%,#d56300 20%,#fedd63 40%,#ffe6b7 55%,#ffffff 70%,#555555 85%,#000000 100%);
  --flag-leather:  linear-gradient(135deg,#000000 0%,#0057ae 40%,#ffffff 50%,#0057ae 60%,#000000 100%);
  --flag-asexual:  linear-gradient(135deg,#000000 0%,#a3a3a3 35%,#ffffff 55%,#800080 100%);
  --flag-nonbinary:linear-gradient(135deg,#fcf434 0%,#ffffff 38%,#9c59d1 68%,#2c2c2c 100%);
  --flag-poly:     linear-gradient(135deg,#0000ff 0%,#f61cb9 45%,#ffde00 62%,#000000 100%);
  --flag-bigender: linear-gradient(135deg,#c479a2 0%,#eca6cb 22%,#d6c7e8 40%,#ffffff 50%,#d6c7e8 60%,#9ac7e8 78%,#6d82d1 100%);

  --pb-radius:12px;
  --pb-radius-lg:18px;

  /* Kadence-Variablen überschreiben */
  --global-palette1:#750787;
  --global-palette2:#004dff;
  --global-palette3:#242019;
  --global-palette4:#6a6357;
  --global-palette5:#9a9284;
  --global-palette6:#e5e0d7;
  --global-palette7:#f3efe7;
  --global-palette8:#ffffff;
  --global-palette9:#faf8f4;
  --global-content-background:#faf8f4;
  --global-body-background:#faf8f4;
}

/* ── Regenbogen-Stripe oben ───────────────────────────────────── */
body::before {
  content:""; display:block; height:6px;
  background:var(--pride);
  position:fixed; top:0; left:0; right:0; z-index:99999; pointer-events:none;
}
html { scroll-behavior:smooth; }
body {
  background-color:var(--pb-bg) !important;
  color:var(--pb-text) !important;
  padding-top:6px !important;
}

/* ── Typografie ───────────────────────────────────────────────── */
h1,h2,h3,h4,h5,h6,
.entry-title,.product_title,.woocommerce-loop-product__title,
.site-title,.widget-title,.woocommerce-Price-amount {
  font-family:'Fraunces',serif !important;
  color:var(--pb-text) !important;
  letter-spacing:-0.01em;
  font-weight:600 !important;
}
body,p,li,td,th,input,textarea,select,button,.nav a {
  font-family:'DM Sans',sans-serif !important;
}
p,li { color:var(--pb-muted) !important; }
a { color:#004dff; text-decoration:none; transition:color .15s; }
a:hover { color:#750787; }

/* ══════════════════════════════════════════════════════════════
   HEADER – dunkel als Kontrast-Rahmen
   ══════════════════════════════════════════════════════════════ */
.site-header,#masthead,.site-header-wrap,.site-header-inner-wrap,
.site-header-main,.site-header-row,.kadence-sticky-header,
.site-branding {
  background-color:var(--pb-dark) !important;
}
.site-header { border-bottom:none !important; }

/* Logo / Seitentitel */
.site-title,.site-title a,.site-branding a,h1.site-title {
  color:var(--pb-light) !important;
  font-family:'Fraunces',serif !important;
  font-weight:600 !important;
}
.site-description { color:var(--pb-light-muted) !important; }

/* Navigation auf dunklem Header */
.main-navigation a,#site-navigation a,.header-navigation a,
.primary-menu-container a {
  color:var(--pb-light-muted) !important;
  font-family:'DM Sans',sans-serif !important;
  font-weight:500 !important;
  background-color:transparent !important;
}
.main-navigation a:hover,#site-navigation a:hover,
.main-navigation .current-menu-item>a,
.header-navigation .current-menu-item>a {
  color:var(--pb-light) !important;
}
/* Menü-Item-Hintergründe transparent (kein grauer Balken) */
.main-navigation li,.header-navigation li,.menu-item { background-color:transparent !important; }
/* Dropdown-Menü hell */
.main-navigation ul ul,.sub-menu {
  background-color:var(--pb-surface) !important;
  border:1px solid var(--pb-border) !important;
  border-radius:var(--pb-radius) !important;
  box-shadow:0 8px 28px rgba(0,0,0,0.12) !important;
}
.sub-menu a { color:var(--pb-text) !important; }
.sub-menu a:hover { background-color:var(--pb-surface2) !important; color:#750787 !important; }

/* ══════════════════════════════════════════════════════════════
   CONTENT – heller Bereich
   ══════════════════════════════════════════════════════════════ */
.content-bg,.content-area,#primary,.site-main,.entry-content,
.wp-site-blocks,.site-content,.content-container,#inner-wrap,
main#main,.single-content,body.woocommerce,body.woocommerce-page,
.site { background-color:var(--pb-bg) !important; color:var(--pb-text) !important; }

/* Content-Breite begrenzen */
.content-container.site-container,.entry-content-wrap,
.content-width-normal .content-container {
  max-width:1200px !important; margin-left:auto !important; margin-right:auto !important;
}

/* Kadence Page-Title-Hero transparent */
.entry-hero,.entry-hero-container-inner,.page-hero-section,.page-title {
  background-color:transparent !important; background-image:none !important;
  border:none !important; box-shadow:none !important;
}

/* ══════════════════════════════════════════════════════════════
   BUTTONS – neutral-dunkel (kein Orange mehr)
   ══════════════════════════════════════════════════════════════ */
.button,.wp-block-button__link,a.button,button.button,button[type="submit"],
input[type="submit"],.woocommerce #respond input#submit,.woocommerce a.button,
.woocommerce button.button,.woocommerce input.button,
.wc-proceed-to-checkout .checkout-button,.add_to_cart_button,
.single_add_to_cart_button,.wp-element-button {
  background-color:var(--pb-dark) !important; color:var(--pb-light) !important;
  font-family:'DM Sans',sans-serif !important; font-weight:600 !important;
  border-radius:10px !important; border:none !important; padding:13px 26px !important;
  cursor:pointer !important; transition:transform .15s,box-shadow .2s !important;
  text-shadow:none !important; box-shadow:none !important;
}
.button:hover,a.button:hover,.woocommerce a.button:hover,
.woocommerce button.button:hover,.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
  background-color:#2e2a25 !important; color:var(--pb-light) !important;
  transform:translateY(-2px) !important; box-shadow:0 8px 22px rgba(28,26,23,0.25) !important;
}
/* Sekundär-Button (Outline) */
.button.alt,.woocommerce a.button.alt {
  background-color:transparent !important; color:var(--pb-text) !important;
  border:1px solid var(--pb-border) !important;
}
.button.alt:hover { border-color:var(--pb-dark) !important; color:var(--pb-dark) !important; box-shadow:none !important; }

/* ══════════════════════════════════════════════════════════════
   PRODUKT-GRID mit Community-Flaggen-Rahmen
   ══════════════════════════════════════════════════════════════ */
ul.products {
  display:grid !important; grid-template-columns:repeat(4,1fr) !important;
  gap:20px !important; list-style:none !important; padding:0 !important;
}

/* Basis: Regenbogen-Rahmen als Standard (Pride) */
ul.products li.product {
  position:relative !important;
  background:var(--pride-135) !important;   /* Rahmen-Verlauf */
  border:none !important;
  border-radius:var(--pb-radius-lg) !important;
  padding:3px !important;                    /* Rahmenbreite */
  margin:0 !important; float:none !important; width:auto !important;
  overflow:hidden !important;
  transition:transform .25s,box-shadow .25s !important;
}
ul.products li.product:hover {
  transform:translateY(-5px) !important;
  box-shadow:0 20px 44px rgba(0,0,0,0.14) !important;
}
/* Innere weiße Karte */
ul.products li.product > a,
ul.products li.product > * {
  position:relative; z-index:1;
}
ul.products li.product::after {
  content:""; position:absolute; inset:3px;
  background:var(--pb-surface); border-radius:15px; z-index:0;
}
ul.products li.product > * { position:relative; z-index:1; }

/* Bild oben abgerundet */
ul.products li.product img {
  width:100% !important; border-radius:15px 15px 0 0 !important;
  display:block !important; background:var(--pb-bg);
}
/* Titel, Preis */
ul.products li.product .woocommerce-loop-product__title {
  font-family:'Fraunces',serif !important; font-weight:600 !important;
  font-size:15px !important; color:var(--pb-text) !important;
  padding:14px 16px 2px !important; margin:0 !important;
}
ul.products li.product .price {
  padding:0 16px 6px !important; display:block !important;
}
ul.products li.product .woocommerce-Price-amount,
ul.products li.product .price {
  font-family:'Fraunces',serif !important; font-weight:600 !important;
  color:var(--pb-text) !important; font-size:17px !important;
}
ul.products li.product .button {
  margin:6px 16px 16px !important; width:calc(100% - 32px) !important; text-align:center !important;
}

/* ── FLAGGEN-RAHMEN pro WooCommerce-Kategorie ─────────────────── */
/* WooCommerce vergibt automatisch .product_cat-<slug> an jedes Produkt.
   Passe die Slugs unten an deine echten Kategorie-Slugs an, falls sie
   abweichen (z.B. "trans" statt "transgender"). */

li.product.product_cat-pride,
li.product.product_cat-regenbogen        { background:var(--pride-135) !important; }
li.product.product_cat-transgender,
li.product.product_cat-trans             { background:var(--flag-trans) !important; }
li.product.product_cat-bisexuell,
li.product.product_cat-bi                { background:var(--flag-bi) !important; }
li.product.product_cat-pansexuell,
li.product.product_cat-pan               { background:var(--flag-pan) !important; }
li.product.product_cat-lesbian,
li.product.product_cat-lesbisch          { background:var(--flag-lesbian) !important; }
li.product.product_cat-bear              { background:var(--flag-bear) !important; }
li.product.product_cat-leather           { background:var(--flag-leather) !important; }
li.product.product_cat-asexuell,
li.product.product_cat-asexual           { background:var(--flag-asexual) !important; }
li.product.product_cat-nonbinary,
li.product.product_cat-non-binary,
li.product.product_cat-nichtbinaer       { background:var(--flag-nonbinary) !important; }
li.product.product_cat-polyamorie,
li.product.product_cat-poly              { background:var(--flag-poly) !important; }
li.product.product_cat-bigender          { background:var(--flag-bigender) !important; }

/* ══════════════════════════════════════════════════════════════
   EINZELPRODUKT
   ══════════════════════════════════════════════════════════════ */
.woocommerce div.product .product_title {
  font-family:'Fraunces',serif !important; font-size:clamp(26px,3vw,38px) !important;
  font-weight:600 !important; color:var(--pb-text) !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-family:'Fraunces',serif !important; font-size:26px !important;
  color:var(--pb-text) !important; font-weight:600 !important;
}
.woocommerce div.product .woocommerce-product-details__short-description { color:var(--pb-muted) !important; }
.woocommerce div.product .product_meta { color:var(--pb-muted2) !important; border-top:1px solid var(--pb-border) !important; padding-top:16px !important; }

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom:1px solid var(--pb-border) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background:transparent !important; border:none !important; border-bottom:2px solid transparent !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color:#750787 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color:var(--pb-muted) !important; font-weight:600 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color:#750787 !important; }

/* ══════════════════════════════════════════════════════════════
   WARENKORB / CHECKOUT / KONTO
   ══════════════════════════════════════════════════════════════ */
.woocommerce-cart table.cart,.woocommerce-checkout table.shop_table,
table.shop_table {
  background:var(--pb-surface) !important; border:1px solid var(--pb-border) !important;
  border-radius:var(--pb-radius) !important; overflow:hidden;
}
table.shop_table th {
  background:var(--pb-surface2) !important; color:var(--pb-text) !important;
  border-color:var(--pb-border) !important; font-family:'Fraunces',serif !important; font-weight:600 !important;
}
table.shop_table td { border-color:var(--pb-border) !important; color:var(--pb-muted) !important; }
.cart-collaterals,.cart_totals,#order_review {
  background:var(--pb-surface) !important; border:1px solid var(--pb-border) !important;
  border-radius:var(--pb-radius) !important; padding:24px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  background:var(--pb-surface) !important; border:1px solid var(--pb-border) !important;
  border-radius:var(--pb-radius-lg) !important; overflow:hidden !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a { color:var(--pb-muted) !important; padding:12px 20px !important; border-bottom:1px solid var(--pb-border) !important; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { color:#750787 !important; background:var(--pb-surface2) !important; }

/* Formulare */
input[type="text"],input[type="email"],input[type="password"],input[type="number"],
input[type="tel"],input[type="search"],input[type="url"],textarea,select {
  background-color:var(--pb-surface) !important; border:1px solid var(--pb-border) !important;
  color:var(--pb-text) !important; border-radius:8px !important;
}
input:focus,textarea:focus,select:focus {
  border-color:#750787 !important; outline:none !important;
  box-shadow:0 0 0 3px rgba(117,7,135,0.12) !important;
}
label { color:var(--pb-muted) !important; }

/* Notices */
.woocommerce-message { background:#f0f7f2 !important; border-top-color:#008026 !important; color:var(--pb-text) !important; }
.woocommerce-info { background:#f0f4ff !important; border-top-color:#004dff !important; color:var(--pb-text) !important; }
.woocommerce-error { background:#fdf0f2 !important; border-top-color:#e40303 !important; color:var(--pb-text) !important; }

/* Bewertungssterne */
.star-rating span::before,.star-rating::before { color:#ff8c00 !important; }

/* Breadcrumbs, Shop-Kopf */
.woocommerce-breadcrumb { color:var(--pb-muted2) !important; }
.woocommerce-breadcrumb a { color:var(--pb-muted) !important; }
.woocommerce-products-header__title,.page-title { color:var(--pb-text) !important; font-family:'Fraunces',serif !important; }
.woocommerce-result-count,.woocommerce-ordering select { color:var(--pb-muted) !important; }

/* ══════════════════════════════════════════════════════════════
   FOOTER – dunkel als Kontrast-Rahmen
   ══════════════════════════════════════════════════════════════ */
.site-footer,footer.site-footer,#colophon,
.site-footer-wrap,.footer-widgets,.site-footer-row,.footer-bottom {
  background-color:var(--pb-dark) !important;
  color:var(--pb-light-muted) !important;
  border-top:none !important;
}
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,
.site-footer .widget-title { color:var(--pb-light) !important; }
.site-footer a,.site-footer p,.site-footer li { color:var(--pb-light-muted) !important; }
.site-footer a:hover { color:var(--pb-light) !important; }
/* Regenbogen-Linie über dem Footer-Boden */
.site-footer::before {
  content:""; display:block; height:3px; background:var(--pride);
}

/* Widgets im Footer transparent (nicht weiß) */
.site-footer .widget { background:transparent !important; border:none !important; padding:0 !important; }

/* ══════════════════════════════════════════════════════════════
   UTILITY-KLASSEN für Gutenberg / Startseite
   ══════════════════════════════════════════════════════════════ */
.pb-pride-text {
  background:var(--pride-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text; font-style:italic;
}
.pb-card { background:var(--pb-surface); border:1px solid var(--pb-border); border-radius:var(--pb-radius-lg); padding:28px; }
.pb-hero-visual { padding:4px; background:var(--pride-135); border-radius:20px; }

/* ── Trennlinien ──────────────────────────────────────────────── */
hr,.wp-block-separator { border-color:var(--pb-border) !important; opacity:0.7 !important; }

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════ */
@media(max-width:1024px){ ul.products{grid-template-columns:repeat(3,1fr)!important;} }
@media(max-width:768px){ ul.products{grid-template-columns:repeat(2,1fr)!important;} }
@media(max-width:480px){ ul.products{grid-template-columns:1fr!important;} }

/* ══════════════════════════════════════════════════════════════
   v2.1 – ANPASSUNGEN (Feedback-Runde)
   ══════════════════════════════════════════════════════════════ */

/* ── Regenbogen-Rahmen für Bilder (Hero UND Story) ────────────── */
.pb-hero-visual {
  padding: 3px !important;
  background: linear-gradient(135deg,#e40303 0%,#ff8c00 20%,#ffed00 40%,#008026 60%,#004dff 80%,#750787 100%) !important;
  border-radius: 20px !important;
  display: inline-block !important;
  line-height: 0 !important;
  max-width: 100% !important;
}
.pb-hero-visual img {
  border-radius: 16px !important;
  display: block !important;
  width: 100% !important;
}

/* ── Kategorie-Chips ──────────────────────────────────────────── */
.pb-chip .wp-block-button__link {
  color:#ffffff !important; font-family:'DM Sans',sans-serif !important;
  font-weight:600 !important; font-size:14px !important;
  padding:9px 20px !important; border:none !important;
  transition:transform .15s,box-shadow .2s !important;
}
.pb-chip .wp-block-button__link:hover {
  transform:translateY(-2px) !important; box-shadow:0 6px 18px rgba(0,0,0,0.2) !important;
}
.pb-chip-pride .wp-block-button__link { background:linear-gradient(90deg,#e40303,#ff8c00 20%,#ffed00 40%,#008026 60%,#004dff 80%,#750787) !important; }
.pb-chip-trans .wp-block-button__link,
.pb-chip-transgender .wp-block-button__link { background:linear-gradient(135deg,#5bcefa,#f5a9b8 40%,#ffffff 50%,#f5a9b8 60%,#5bcefa) !important; color:#333 !important; }
.pb-chip-bisexuell .wp-block-button__link { background:linear-gradient(135deg,#d60270,#9b4f96 50%,#0038a8) !important; }
.pb-chip-pansexuell .wp-block-button__link { background:linear-gradient(135deg,#ff218c,#ffd800 50%,#21b1ff) !important; color:#333 !important; }
.pb-chip-lesbian .wp-block-button__link { background:linear-gradient(135deg,#d52d00,#ff9a56 30%,#ffffff 50%,#d362a4 70%,#a30262) !important; color:#333 !important; }
.pb-chip-bear .wp-block-button__link { background:linear-gradient(135deg,#623804,#d56300 30%,#fedd63 50%,#555 80%,#000) !important; }
.pb-chip-leather .wp-block-button__link { background:linear-gradient(135deg,#000000,#0057ae 45%,#ffffff 50%,#0057ae 55%,#000000) !important; }
.pb-chip-weitere .wp-block-button__link { background:#1c1a17 !important; }

/* ── Abstände: Seitentitel & Breadcrumbs zähmen ───────────────── */
.entry-hero .entry-header,
.entry-hero-container-inner,
.page-title,
.entry-hero {
  padding-top: 24px !important;
  padding-bottom: 12px !important;
}
.woocommerce-breadcrumb,
.kadence-breadcrumbs {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

/* ── PayPal/Klarna "Später bezahlen" ausblenden ───────────────── */
.pi-tag,.klarna-onsite-messaging,klarna-placement,
.woocommerce-info.ppcp-pay-later-message,.ppcp-messages,
[data-pp-message],.pcp-pay-later-message {
  display: none !important;
}

/* ── Titel "Pride" einfärben (wenn per Snippet in span gepackt) ─ */
.site-title .pb-titel-pride,
.site-branding .pb-titel-pride {
  background: linear-gradient(90deg,#e40303,#ff8c00 22%,#ffed00 42%,#008026 62%,#004dff 82%,#750787);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* ── v2.1.1: schwarzen Standard-Bildrahmen bei pb-hero-visual entfernen ── */
.pb-hero-visual.has-custom-border img,
.pb-hero-visual img {
  border: none !important;
  box-shadow: none !important;
}
.pb-hero-visual {
  border: none !important;
}