/*
Theme Name: CD Pferdehaarschmuck
Theme URI: https://pferdehaar-armbaender.de
Author: Carolin Drescher
Description: Warmes, helles Block-Theme für handgefertigten Schmuck aus Pferdehaar, inklusive Gestaltung für WooCommerce.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: cd-pferdehaarschmuck
*/

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
.wp-site-blocks>*+*{margin-block-start:0}
:where(.wp-site-blocks)>*{margin-block-start:0}
a:focus-visible,button:focus-visible,summary:focus-visible,.wp-element-button:focus-visible{outline:2px solid var(--wp--preset--color--rose);outline-offset:3px}

/* Kopfzeile */
header.wp-block-template-part{position:sticky;top:0;z-index:50;background:rgba(253,251,248,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--wp--preset--color--linie)}
.admin-bar header.wp-block-template-part{top:32px}
.cd-header{max-width:1120px;margin:0 auto;padding:6px 22px;min-height:72px;align-items:center}
.cd-logo{margin:0}
.cd-logo img{height:54px;width:auto;mix-blend-mode:multiply}
.cd-nav a{font-weight:600;font-size:.88rem;color:var(--wp--preset--color--sattel);text-decoration:none}
.cd-nav a:hover{color:var(--wp--preset--color--rose)}
.cd-nav .wp-block-navigation__container{gap:1.4rem}

/* Allgemeines */
.cd-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--wp--preset--color--rose);display:flex;align-items:center;gap:.9rem;margin:0 0 1rem}
.cd-eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
.cd-section{padding:clamp(4rem,9vw,7rem) 22px;scroll-margin-top:84px}
.cd-section>*{max-width:1120px;margin-left:auto;margin-right:auto}
.cd-alt{background:var(--wp--preset--color--pergament);border-block:1px solid var(--wp--preset--color--linie)}
.cd-lead{color:var(--wp--preset--color--rauch);max-width:60ch;margin-left:0!important}
.cd-center{text-align:center}
.cd-center .cd-eyebrow{justify-content:center}
.cd-facts{list-style:none;padding:0;display:grid;gap:.7rem;color:var(--wp--preset--color--rauch);font-size:.95rem}
.cd-facts li{padding-left:1.1rem;position:relative}
.cd-facts li::before{content:"";position:absolute;left:0;top:.65rem;width:6px;height:6px;border-radius:50%;background:var(--wp--preset--color--rose)}
.cd-design-title{margin-top:3.5rem!important}
.cd-note{font-size:.85rem;color:var(--wp--preset--color--rauch)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--wp--preset--color--espresso);box-shadow:inset 0 0 0 1.5px var(--wp--preset--color--linie);border:none}
.wp-block-button.is-style-outline .wp-block-button__link:hover{box-shadow:inset 0 0 0 1.5px var(--wp--preset--color--rose);color:var(--wp--preset--color--sattel);background:transparent}
.wp-element-button{transition:transform .25s ease,box-shadow .25s ease}
.wp-element-button:hover{transform:translateY(-2px)}

/* Hero */
.cd-hero{position:relative;padding:clamp(6rem,14vw,10rem) 22px clamp(4.5rem,9vw,7rem);background:#33281C url('/wp-content/uploads/Elegance-scaled.jpg') center/cover no-repeat;color:#fff}
.cd-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(24,17,10,.85) 0%,rgba(24,17,10,.65) 55%,rgba(24,17,10,.35) 100%)}
.cd-hero>*{position:relative;z-index:1;max-width:1120px;margin-left:auto;margin-right:auto}
.cd-hero>*:not(.cd-trust){max-width:660px;margin-left:max(0px,calc((100% - 1120px)/2))}
.cd-hero .cd-eyebrow,.cd-hero .cd-hero-title,.cd-hero .cd-hero-title em,.cd-hero-lead,.cd-trust,.cd-trust p{color:#FFFFFF}
.cd-hero-title{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.cd-hero-lead{font-size:1.08rem;text-shadow:0 1px 10px rgba(0,0,0,.4);margin:1.4rem 0 2rem}
.cd-hero .is-style-outline .wp-block-button__link{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.cd-hero .is-style-outline .wp-block-button__link:hover{color:#fff;box-shadow:inset 0 0 0 1.5px #fff}
.cd-trust{margin-top:3rem;padding-top:1.8rem;border-top:1px solid rgba(255,255,255,.28);max-width:660px!important;gap:1.5rem}
.cd-trust p{font-size:.8rem;letter-spacing:.05em;margin:0}
.cd-trust strong{font-family:var(--wp--preset--font-family--serif);font-size:1.6rem;font-weight:600;letter-spacing:0}
.cd-trust.wp-block-columns{flex-wrap:nowrap!important}

/* Intro / Über mich / Spalten */
.cd-intro .wp-block-columns,.cd-about{gap:3rem;align-items:center}
.cd-about img{border-radius:160px 160px 14px 14px;box-shadow:0 18px 40px -22px rgba(46,38,32,.28);width:100%;aspect-ratio:3/4;object-fit:cover}
.cd-quote{font-family:var(--wp--preset--font-family--serif);font-size:1.3rem;font-style:italic;color:var(--wp--preset--color--sattel);border-left:2px solid var(--wp--preset--color--rose);padding-left:1.3rem;margin:1.6rem 0}
.cd-quote p{margin:0}

/* Preise */
.cd-prices{margin-top:2.5rem}
.cd-prices table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--wp--preset--color--linie);border-radius:14px;overflow:hidden}
.cd-prices th{background:var(--wp--preset--color--pergament);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--sattel);text-align:left;padding:1rem 1.4rem;border-bottom:1px solid var(--wp--preset--color--linie)}
.cd-prices td{padding:1rem 1.4rem;border-bottom:1px solid var(--wp--preset--color--linie);color:var(--wp--preset--color--rauch);font-size:.9rem}
.cd-prices td strong{color:var(--wp--preset--color--espresso);font-size:1rem}
.cd-prices td:last-child,.cd-prices th:last-child{text-align:right;white-space:nowrap;font-family:var(--wp--preset--font-family--serif);font-size:1.25rem;font-weight:600;color:var(--wp--preset--color--sattel)}
.cd-prices th:last-child{font-family:var(--wp--preset--font-family--sans);font-size:.78rem}
.cd-infos{margin-top:1.6rem;gap:1.2rem}
.cd-infos>.wp-block-column{background:#fff;border:1px solid var(--wp--preset--color--linie);border-radius:14px;padding:1.5rem}
.cd-infos p,.cd-infos li{font-size:.9rem;color:var(--wp--preset--color--rauch)}
.cd-infos h3{font-size:1.25rem;margin:0 0 .5rem}
.cd-infos ul{padding-left:1.1rem;margin:0}

/* Ablauf */
.cd-step{display:grid!important;grid-template-columns:64px 1fr;gap:1.4rem;padding:1.6rem 0;border-bottom:1px solid var(--wp--preset--color--linie);max-width:1120px}
.cd-stepnum{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--wp--preset--color--rose);color:var(--wp--preset--color--rose);display:flex;align-items:center;justify-content:center;font-family:var(--wp--preset--font-family--serif);font-size:1.3rem;font-weight:600;margin:0}
.cd-stepbody p{color:var(--wp--preset--color--rauch);font-size:.95rem;max-width:64ch}
.cd-stepbody h3{margin:0 0 .35rem}
#ablauf .wp-block-buttons{margin-top:2rem}

/* Galerie */
.cd-gallery.wp-block-gallery{gap:.9rem}
.cd-gallery figure.wp-block-image img{border-radius:14px;aspect-ratio:4/3;object-fit:cover;width:100%;height:100%}

/* Kundenstimme */
.cd-voice-card{max-width:720px!important;background:#fff;border:1px solid var(--wp--preset--color--linie);border-radius:14px;padding:2.2rem 2rem;box-shadow:0 18px 40px -22px rgba(46,38,32,.28);margin-top:2.5rem}
.cd-stars{color:var(--wp--preset--color--rose);letter-spacing:.2em;font-size:1.1rem;margin:0}
.cd-voice-text{font-family:var(--wp--preset--font-family--serif);font-size:1.45rem;font-style:italic;line-height:1.45}
.cd-voice-by{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--rose);font-weight:700}

/* FAQ */
.cd-faq .wp-block-details{max-width:780px;margin-left:0;border-bottom:1px solid var(--wp--preset--color--linie)}
.cd-faq summary{cursor:pointer;font-family:var(--wp--preset--font-family--serif);font-size:1.25rem;font-weight:600;padding:1.2rem 0}
.cd-faq .wp-block-details p{color:var(--wp--preset--color--rauch);font-size:.95rem;padding-bottom:1.2rem;margin:0}

/* Gutschein */
.cd-voucher{padding-block:clamp(3rem,6vw,4.5rem)}
.cd-voucher-box{background:var(--wp--preset--color--pergament);border:1px solid var(--wp--preset--color--linie);border-radius:14px;padding:clamp(1.8rem,4vw,3rem)}

/* Unterseiten */
.cd-page{padding:3rem 22px 5rem}
.cd-page h1{margin-bottom:1.5rem}

/* Fußzeile */
.cd-footer{background:var(--wp--preset--color--pergament);border-top:1px solid var(--wp--preset--color--linie);padding:3.5rem 22px 2rem;font-size:.88rem;color:var(--wp--preset--color--rauch)}
.cd-footer>*{max-width:1120px;margin-left:auto;margin-right:auto}
.cd-footer a{color:var(--wp--preset--color--sattel);text-decoration:none}
.cd-footer a:hover{color:var(--wp--preset--color--rose)}
.cd-footer-bottom{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--wp--preset--color--linie);font-size:.78rem}

/* Mobil */
@media(max-width:781px){
  .cd-step{grid-template-columns:48px 1fr;gap:1rem}
  .cd-stepnum{width:44px;height:44px}
  .cd-prices td,.cd-prices th{padding:.8rem 1rem}
  .cd-trust.wp-block-columns{gap:1rem}
  .cd-trust strong{font-size:1.25rem}
}

/* WooCommerce */
.woocommerce ul.products,.wc-block-grid__products{gap:1.4rem}
.woocommerce ul.products li.product{background:#fff;border:1px solid var(--wp--preset--color--linie);border-radius:14px;overflow:hidden;padding:0 0 1.2rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:0 18px 40px -22px rgba(46,38,32,.28)}
.woocommerce ul.products li.product a img{margin:0 0 1rem;aspect-ratio:1/1;object-fit:cover;width:100%}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--wp--preset--font-family--serif);font-size:1.3rem;font-weight:500;padding:0 1.2rem;color:var(--wp--preset--color--espresso)}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{font-family:var(--wp--preset--font-family--serif);font-size:1.3rem;font-weight:600;color:var(--wp--preset--color--sattel);padding:0 1.2rem}
.woocommerce div.product p.price,.woocommerce div.product span.price{padding:0}
.woocommerce ul.products li.product .button{margin:.6rem 1.2rem 0}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.wc-block-components-button:not(.is-link){background:linear-gradient(135deg,var(--wp--preset--color--rose) 0%,#7F5233 100%);color:#FFFDF9;border-radius:100px;font-family:var(--wp--preset--font-family--sans);font-weight:600;font-size:.92rem;padding:.9rem 1.8rem;border:none;box-shadow:0 10px 24px -12px rgba(127,82,51,.6)}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--wp--preset--color--sattel);color:#FFFDF9}
.woocommerce div.product{max-width:1120px;margin:0 auto;padding:3rem 22px}
.woocommerce div.product .product_title{font-family:var(--wp--preset--font-family--serif);font-weight:500}
.woocommerce div.product div.images img{border-radius:14px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--wp--preset--color--rose);background:var(--wp--preset--color--pergament);color:var(--wp--preset--color--espresso)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--wp--preset--color--rose)}
.woocommerce table.shop_table{border-color:var(--wp--preset--color--linie);border-radius:14px;overflow:hidden}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce-page input[type=text],.woocommerce-page input[type=email],.woocommerce-page input[type=tel],.woocommerce-page input[type=number]{background:var(--wp--preset--color--leinen);border:1.5px solid var(--wp--preset--color--linie);border-radius:10px;padding:.75rem 1rem;font-family:var(--wp--preset--font-family--sans)}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--wp--preset--color--rose);outline:none}
.woocommerce-breadcrumb{font-size:.82rem;color:var(--wp--preset--color--rauch)}
.woocommerce .woocommerce-ordering select{border-radius:10px;border:1.5px solid var(--wp--preset--color--linie);padding:.5rem}
.woocommerce span.onsale{background:var(--wp--preset--color--rose);color:#fff;border-radius:100px;min-height:auto;min-width:auto;line-height:1;padding:.5rem .9rem}