/*
Theme Name: Lolas DogShop
Description: Verspieltes violettes WooCommerce-Theme für Lolas DogShop.
Version: 6.0.0
Requires PHP: 7.4
Text Domain: lolas-dogshop
*/
:root{--lola-primary:#8e2ab7;--lola-dark:#351044;--lola-light:#fbf0ff;--lola-accent:#e6a7f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffafd;color:var(--lola-dark);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--lola-primary)}.wrap{max-width:1200px;margin:auto;padding:0 24px}
.lola-announcement{background:linear-gradient(90deg,#68207d,#a83bc7,#68207d);color:white;text-align:center;padding:8px 16px;font-size:13px;letter-spacing:.05em}
.site-header{background:#fff;box-shadow:0 5px 28px #63227c16;position:relative;z-index:3}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:8px;padding-bottom:8px}.brand img,.brand .custom-logo{width:120px;max-height:105px;object-fit:contain}.nav-menu{display:flex;align-items:center;gap:22px;list-style:none;flex-wrap:wrap;margin:0;padding:0}.nav-menu a{text-decoration:none;font-weight:750;color:#552365}.nav-menu a:hover{color:#b22acb}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.header-actions a{padding:9px 13px;border-radius:22px;background:#f6e7fb;text-decoration:none;font-weight:650;font-size:13px}
h1,h2,h3{line-height:1.18;letter-spacing:-.03em}h1{font-size:clamp(36px,5vw,66px)}h2{font-size:clamp(27px,3vw,40px)}.lola-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,#edc4fb 0,transparent 35%),radial-gradient(circle at 15% 80%,#f4d5fb 0,transparent 40%),linear-gradient(125deg,#fff6fd,#f8e9ff);padding:72px 0 85px}.lola-hero:before,.lola-hero:after{content:"♡";position:absolute;color:#c679d7;font-size:100px;opacity:.22}.lola-hero:before{top:10px;left:3%}.lola-hero:after{right:4%;bottom:-25px;transform:rotate(22deg)}.lola-hero-inner{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px}.lola-hero h1{color:#512064;margin:0 0 18px;text-shadow:0 2px white}.lola-hero p{font-size:20px;max-width:570px}.lola-hero img{max-width:100%;max-height:470px;object-fit:contain;filter:drop-shadow(0 18px 17px #74308c30)}
.lola-btn,.wp-block-button__link,button,.button,.woocommerce a.button,.woocommerce button.button{display:inline-block;border:0;border-radius:99px!important;background:linear-gradient(120deg,#8325a6,#b943d4)!important;color:#fff!important;padding:14px 26px!important;text-decoration:none;font-weight:750;cursor:pointer;box-shadow:0 8px 20px #8c2cac32;transition:transform .2s}.lola-btn:hover,button:hover,.button:hover{transform:translateY(-2px)}
.lola-section{padding:72px 0}.lola-section h2{text-align:center;margin:0 0 34px}.lola-section.alt{background:linear-gradient(160deg,#f9ebfe,#fff6fd)}.lola-grid,.lola-card-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lola-tile,.lola-card-list article{background:#fff;border:2px solid #eed4f5;border-radius:26px;padding:30px;box-shadow:0 10px 28px #65217a0d;transition:transform .2s}.lola-tile:hover,.lola-card-list article:hover{transform:translateY(-5px)}.lola-tile:before{content:"🐾";font-size:35px;display:block}.lola-tile:nth-child(2):before{content:"💜"}.lola-tile:nth-child(3):before{content:"🦴"}.lola-tile h3{margin:14px 0 8px}.lola-tile a{font-weight:800}.lola-card-list article h3{margin-top:0}
.lola-newsletter{background:radial-gradient(circle at 10% 15%,#9e42b8,transparent 45%),linear-gradient(135deg,#3d104f,#6d228b);color:white;text-align:center;padding:75px 24px}.lola-newsletter h2:before{content:"💌 ";}.lola-newsletter a{color:#ffe2ff}.lola-newsletter input[type=email]{padding:15px;border-radius:15px;border:2px solid #e4b7f0;max-width:370px;width:100%;font:inherit}.lola-newsletter label{display:block;margin:16px auto;max-width:620px;font-size:14px}.lola-newsletter button{background:#fff!important;color:#65227e!important}
.site-footer{background:#290b36;color:white;padding:50px 0}.site-footer a{color:#f6dcff}.entry-content{line-height:1.85}.page-shell{padding:58px 0;min-height:55vh}.page-shell article{background:white;border-radius:28px;padding:clamp(20px,4vw,55px);box-shadow:0 8px 35px #63227b0d}.woocommerce ul.products li.product{background:white;border:2px solid #efd9f5;border-radius:24px;padding:16px!important;box-shadow:0 8px 25px #62217c12}.woocommerce ul.products li.product img{border-radius:15px}.woocommerce ul.products li.product .price{color:#752394}.lola-about-intro{background:linear-gradient(130deg,#f8eaff,#fff);border-radius:28px;padding:55px 24px;margin:30px auto 45px}.lola-about-intro h1{color:#542067}.wp-block-columns{gap:30px}
@media(max-width:850px){.header-inner{flex-wrap:wrap;justify-content:center}.nav-menu{justify-content:center;gap:12px}.lola-hero-inner{grid-template-columns:1fr;text-align:center}.lola-hero p{margin:0 auto 22px}.lola-hero img{max-height:310px}.lola-grid,.lola-card-list{grid-template-columns:1fr}.brand img{width:100px}.lola-section{padding:48px 0}}

/* V4: Navigation bleibt übersichtlich, auch wenn WordPress viele Seiten enthält */
.header-inner{min-height:100px;gap:16px}
.site-header nav{flex:1;min-width:0}
.nav-menu{gap:clamp(8px,1.3vw,20px);justify-content:center}
.nav-menu li{position:relative}
.nav-menu a{display:block;padding:9px 4px;white-space:nowrap;font-size:clamp(13px,1.05vw,16px)}
.nav-menu .sub-menu{display:none;position:absolute;z-index:20;top:100%;left:0;background:white;border:1px solid #ead4f1;border-radius:15px;padding:10px;list-style:none;min-width:190px;box-shadow:0 15px 30px #35104420}
.nav-menu li:hover>.sub-menu,.nav-menu li:focus-within>.sub-menu{display:block}
.lola-menu-toggle{display:none!important}
@media(max-width:1050px){
.header-inner{justify-content:space-between}
.lola-menu-toggle{display:inline-block!important;padding:10px 18px!important;box-shadow:none}
.site-header nav{display:none;flex-basis:100%;order:3;width:100%}
.site-header nav.is-open{display:block}
.nav-menu{flex-direction:column;align-items:stretch;gap:3px}
.nav-menu a{padding:12px 15px;font-size:16px}
.nav-menu .sub-menu{display:block;position:static;box-shadow:none;border:0;padding-left:20px}
}
@media(max-width:520px){.header-actions{width:100%;justify-content:center}.brand img{max-height:80px}}
.lola-legal-notice{padding:15px 20px;background:#fff2d8;border-left:4px solid #b27816;border-radius:10px;margin:22px 0}

.lola-footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:20px 0}.lola-footer-links a{font-size:14px}

/* LOLAS DOGSHOP V5 — Boutique Design */
:root{--lola-ink:#37213d;--lola-muted:#735f79;--lola-lilac:#f6e9fa;--lola-pink:#ffe6f3}
body{background:#fffafc;color:var(--lola-ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3{font-weight:850;letter-spacing:-.045em}
a,button,.button{transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
a:focus-visible,button:focus-visible{outline:3px solid #a12fc3;outline-offset:3px}
.lola-announcement{font-weight:700;background:linear-gradient(90deg,#68227d,#a94ac0,#68227d)}
.site-header{position:sticky;top:0;z-index:50;background:#fffdfef5;backdrop-filter:blur(14px);border-bottom:1px solid #f0def3}
body.admin-bar .site-header{top:32px}
.header-inner{max-width:1380px;min-height:95px}
.brand img,.brand .custom-logo{width:128px;max-height:86px}
.header-actions a{background:#f6e7fb;border:1px solid #ead0f1}
.header-actions a:hover{background:#ecd1f6}
.lola-hero-v5{background:radial-gradient(circle at 82% 23%,#ecc0fa 0,transparent 35%),linear-gradient(130deg,#fffafd 5%,#f5e4fc 58%,#ffe8f4 100%);padding:80px 0 94px}
.lola-hero-v5 .lola-hero-inner{grid-template-columns:1.08fr .92fr;gap:60px;max-width:1300px}
.lola-hero-v5 h1{font-size:clamp(43px,5.2vw,77px);line-height:1.07;letter-spacing:-.065em;margin:15px 0 22px;color:#4e1d60}
.lola-hero-v5 p{color:#684f70;font-size:clamp(17px,1.6vw,21px);line-height:1.7}
.lola-eyebrow{display:inline-block;color:#922da9;font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.lola-hero-ctas{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:28px 0}
.lola-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:999px!important;padding:15px 28px!important;box-shadow:0 12px 25px #752a8a27}
.lola-btn:hover{transform:translateY(-3px);box-shadow:0 16px 30px #752a8a33}
.lola-text-link{font-weight:800;color:#72218a;text-decoration:none;border-bottom:2px solid #d9a3e7;padding-bottom:3px}
.lola-text-link:hover{color:#a537bf}
.lola-hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.lola-hero-badges span{font-size:13px;color:#78527e;background:#ffffffb5;border:1px solid #e9cdef;padding:8px 13px;border-radius:99px}
.lola-hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px;background:radial-gradient(ellipse at center,#fff 10%,#f8d9fa 69%,transparent 70%);border-radius:44% 56% 58% 42% / 52% 43% 57% 48%}
.lola-hero-art img{max-width:90%;max-height:420px;object-fit:contain;filter:drop-shadow(0 20px 24px #8b41903d)}
.lola-art-caption{position:absolute;bottom:5%;right:-2%;background:#fff;padding:12px 18px;border-radius:999px;box-shadow:0 8px 30px #55226822;font-size:13px;font-weight:850;color:#6e2985;transform:rotate(-5deg)}
.lola-art-star{position:absolute;left:3%;top:7%;font-size:62px;color:#c278d9}
.lola-hero-wave{height:20px;background:radial-gradient(circle at 20px -3px,transparent 20px,#fffafc 21px) 0 0/40px 25px repeat-x;position:absolute;bottom:-1px;width:100%}
.lola-benefits{background:white;border-bottom:1px solid #f4e6f5}
.lola-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:24px;padding-bottom:24px}
.lola-benefit-grid>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;font-size:20px}
.lola-benefit-grid strong{font-size:15px;color:#562564}
.lola-benefit-grid small{font-size:12px;color:#826c88}
.lola-section{padding-top:75px;padding-bottom:85px}
.lola-section.alt{background:#fbf3fd}
.lola-section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:34px}
.lola-section-heading h2{margin:8px 0 0;color:#4d235a}
.lola-section-heading h2 span{color:#bd67cc}
.lola-category-grid{gap:22px}
.lola-category-grid .lola-tile{display:block;text-decoration:none;position:relative;overflow:hidden;background:linear-gradient(140deg,#fff 10%,#fbe8fb 100%);border:1px solid #efdaef;border-radius:27px;padding:35px 27px;min-height:260px;box-shadow:0 15px 35px #6a2a7310}
.lola-category-grid .lola-tile:nth-child(2){background:linear-gradient(140deg,#fff 10%,#ffeaf4 100%)}
.lola-category-grid .lola-tile:nth-child(3){background:linear-gradient(140deg,#fff 10%,#eee6ff 100%)}
.lola-category-grid .lola-tile:hover{transform:translateY(-7px);box-shadow:0 20px 42px #6a2a7326}
.lola-tile-emoji{font-size:50px;display:block;margin-bottom:15px}
.lola-category-grid .lola-tile h3{color:#582365;margin:8px 0}
.lola-category-grid .lola-tile p{font-size:14px;color:#7a6481}
.lola-tile-arrow{font-size:14px;font-weight:800;color:#8b31a3}
.woocommerce ul.products li.product{background:white;border:1px solid #f0e2f2;border-radius:24px;padding:14px!important;box-shadow:0 10px 28px #5d1d7512;overflow:hidden}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 16px 36px #5d1d7523}
.woocommerce ul.products li.product img{border-radius:16px;aspect-ratio:1;object-fit:cover}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px!important;color:#4f245d}
.woocommerce ul.products li.product .price{color:#82299b!important;font-size:17px!important;font-weight:850!important}
.woocommerce ul.products li.product .button{border-radius:999px!important}
.lola-story-strip{background:linear-gradient(120deg,#5b1f70,#8e3eaa);color:white;padding:75px 0;overflow:hidden}
.lola-story-inner{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:40px}
.lola-story-inner h2{font-size:clamp(33px,4vw,55px);color:white;margin:12px 0}
.lola-story-inner p{max-width:650px;font-size:18px;color:#f9e7ff}
.lola-story-strip .lola-eyebrow{color:#f6c4ff}
.lola-btn-light{background:#fff!important;color:#66237b!important}
.lola-story-deco{font-size:170px;text-align:center;transform:rotate(-15deg);opacity:.8}
.lola-story-deco span{font-size:80px;position:relative;left:-30px;color:#ffb4e4}
.lola-section .lola-grid>*{transition:transform .2s ease}
.lola-section .lola-grid>*:hover{transform:translateY(-4px)}
.site-footer{background:#34163e;color:#f9eafb}
.site-footer a{color:#f5d6ff}
@media(max-width:850px){.lola-hero-v5 .lola-hero-inner,.lola-story-inner{grid-template-columns:1fr}.lola-hero-v5{padding:50px 0 65px}.lola-hero-art{min-height:280px}.lola-benefit-grid{gap:10px}.lola-section-heading{align-items:start;flex-direction:column}.lola-story-deco{display:none}}
@media(max-width:560px){.lola-benefit-grid{grid-template-columns:1fr}.lola-benefit-grid>div{flex-direction:row;justify-content:center;gap:10px}.lola-hero-badges{gap:6px}.lola-hero-art img{max-height:260px}.lola-art-caption{right:0;bottom:0}.lola-section{padding-top:48px;padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* V6 — integrated shop search */
.lola-header-search{flex:1 1 245px;max-width:355px;min-width:180px}
.lola-header-search .lola-search-form{box-shadow:none;padding:2px 3px 2px 11px}
.lola-header-search .lola-search-form input{font-size:13px}
.lola-header-search .lola-search-form button{padding:9px 12px!important;font-size:12px}
@media(max-width:1150px){.lola-header-search{order:4;flex:1 1 100%;max-width:none}.header-inner{flex-wrap:wrap;padding-bottom:12px}}