/*
Theme Name: ALVINDO
Theme URI: https://alvindo.nl
Author: ALVINDO
Description: Nieuwe ALVINDO startpagina met feestdiensten, artiesten en testwinkel.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: alvindo
*/

:root{--blue:#123d86;--navy:#092552;--orange:#ffab28;--ink:#1c2b42;--muted:#62718a;--bg:#f4f7fb;--line:#e1e7f0;--white:#fff;--green:#1d7b61;--shadow:0 12px 34px #09255212}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.wrap{width:min(1200px,calc(100% - 36px));margin:auto}
.noticebar{background:var(--navy);color:#fff;text-align:center;font-size:13px;padding:9px 14px}
.header{background:var(--blue);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 20px #071b3a24}.header-main{min-height:82px;display:flex;align-items:center;gap:24px;padding:12px 0}
.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#fff;text-decoration:none;font-size:clamp(22px,3vw,30px);font-weight:900;letter-spacing:-1.3px}.brand .in{color:var(--orange)}.brand small{font-size:11px;letter-spacing:.3px;font-weight:700;display:block;margin-top:2px;color:#dce7f8}
.search{display:flex;flex:1;max-width:570px;background:#fff;border-radius:9px;overflow:hidden;border:2px solid transparent}.search:focus-within{border-color:var(--orange)}.search input{min-width:0;flex:1;border:0;outline:0;padding:14px 15px;color:var(--ink)}.search button{border:0;background:var(--orange);color:#132b51;font-weight:800;padding:0 21px}.header-action{border:0;color:#fff;background:transparent;font-weight:700;white-space:nowrap;padding:10px 8px}.cart-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:20px;background:var(--orange);color:var(--navy);margin-left:4px}
.nav{border-top:1px solid #ffffff2c}.nav-inner{display:flex;gap:4px;align-items:center;min-height:49px}.nav a,.nav summary{display:block;padding:15px 14px;color:#fff;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer}.nav a:hover,.nav summary:hover,.nav details[open]>summary{color:var(--orange)}.nav details{position:relative}.nav summary{list-style:none}.nav summary::-webkit-details-marker{display:none}.nav summary:after{content:"⌄";margin-left:8px}.submenu{position:absolute;top:100%;left:0;min-width:255px;background:#fff;border:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:var(--shadow);padding:8px;z-index:30}.submenu a{color:var(--ink);padding:11px 12px;border-radius:6px}.submenu a:hover{background:#fff3de;color:#9b5a00}
main{padding:25px 0 55px}.hero{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:20px;min-height:300px;padding:42px 48px;border-radius:18px;background:linear-gradient(115deg,#0d3478,#1c58a4);color:#fff;overflow:hidden;box-shadow:var(--shadow)}.hero .eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:1.6px;color:#ffcf7d;font-weight:800}.hero h1{font-size:clamp(34px,5vw,55px);line-height:1.05;letter-spacing:-1.8px;margin:12px 0}.hero p{font-size:17px;line-height:1.55;max-width:590px;color:#eaf1fc}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:12px 17px;font-weight:800;text-decoration:none}.btn.orange{background:var(--orange);color:#122b50}.btn.light{background:#fff;color:var(--blue)}.btn.outline{background:transparent;border:1px solid #ffffff80;color:#fff}.hero-mark{display:grid;place-items:center;position:relative;min-height:190px}.hero-mark .circle{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff30;font-size:94px;filter:drop-shadow(0 15px 18px #04142f70)}.hero-mark .ring{position:absolute;width:225px;height:225px;border-radius:50%;border:2px solid #ffab2888;transform:rotate(-17deg);border-left-color:transparent}
.disclaimer{margin:17px 0 0;border:1px solid #d6e3f3;border-radius:10px;background:#eaf2fd;color:#435670;padding:12px 15px;font-size:13px;line-height:1.5}
.section{margin-top:36px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:0 0 16px}.section-head h2{font-size:26px;letter-spacing:-.5px;margin:0;color:var(--navy)}.section-head p{margin:7px 0 0;color:var(--muted);line-height:1.45}.link{color:var(--blue);font-weight:800;text-decoration:none}.link:hover{text-decoration:underline}
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.tile{border:1px solid var(--line);background:#fff;border-radius:13px;text-align:center;padding:17px 8px;text-decoration:none;color:var(--navy);font-weight:800;box-shadow:0 3px 10px #0e315110;transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-2px);border-color:var(--orange)}.tile .ico{display:block;font-size:31px;margin-bottom:8px}
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0}.shop-toolbar select{border:1px solid #cad5e4;border-radius:8px;background:#fff;padding:10px 12px;color:var(--ink)}.count{font-size:13px;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 3px 12px #0a2b5010}.product-art{height:148px;display:grid;place-items:center;font-size:66px;background:linear-gradient(145deg,#f6f9fd,#e8eff8);position:relative}.tag{position:absolute;left:11px;top:11px;background:#fff0d5;color:#7d4a00;border-radius:5px;padding:5px 8px;font-size:11px;font-weight:800}.product-info{padding:14px;display:flex;flex-direction:column;flex:1}.product h3{font-size:15px;line-height:1.4;margin:0 0 7px;min-height:42px}.vendor{font-size:12px;color:var(--muted)}.price{color:var(--navy);font-size:22px;font-weight:900;margin:11px 0 3px}.price-note{font-size:11px;color:#77849a;margin-bottom:12px}.product-actions{display:flex;gap:7px;margin-top:auto}.product-actions button{flex:1;border:0;border-radius:7px;padding:10px 8px;font-size:12px;font-weight:800}.add{background:var(--blue);color:#fff}.more{background:#eef3fa;color:var(--blue)}.add:hover{background:#0a2a63}.empty{grid-column:1/-1;text-align:center;padding:36px;background:#fff;border-radius:12px;color:var(--muted)}
.party{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.party-card{padding:21px;border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:0 3px 10px #0e315108}.party-card .ico{font-size:31px}.party-card h3{color:var(--navy);margin:12px 0 7px}.party-card p{color:var(--muted);line-height:1.5;font-size:14px;margin:0 0 14px}.artist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.artist{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:0 3px 10px #0e315108}.artist .portrait{height:124px;display:grid;place-items:center;background:linear-gradient(145deg,#edf3fa,#dce7f5);border-radius:9px;font-size:52px;margin-bottom:13px}.artist h3{margin:0 0 5px;color:var(--navy)}.artist p{margin:0 0 11px;color:var(--muted);font-size:13px;line-height:1.45}.artist .price{font-size:17px}.artist a{display:block;margin-top:10px;color:var(--blue);font-weight:800;text-decoration:none;font-size:13px}
.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{border:1px solid var(--line);background:#fff;border-radius:12px;padding:19px}.feature strong{display:block;color:var(--navy);margin:8px 0}.feature p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}
.footer{background:var(--navy);color:#dce7f8;padding:34px 0}.footer-grid{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer h2{margin:0;color:#fff}.footer h2 span{color:var(--orange)}.footer p{max-width:600px;font-size:13px;line-height:1.6}.footer small{color:#b8c8df}
.drawer-bg,.modal-bg{position:fixed;inset:0;background:#06152cae;z-index:60;display:none}.drawer-bg.show,.modal-bg.show{display:block}.drawer{position:absolute;right:0;top:0;height:100%;width:min(430px,100%);background:#fff;padding:23px;overflow:auto;box-shadow:-12px 0 32px #0002}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.drawer-head h2{margin:0;color:var(--navy)}.x{border:0;background:#edf2f8;color:var(--navy);width:35px;height:35px;border-radius:50%;font-size:20px}.cart-line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-line strong{display:block;color:var(--ink);font-size:14px}.cart-line small{color:var(--muted)}.qty{display:flex;gap:7px;align-items:center}.qty button{width:25px;height:25px;border:1px solid var(--line);background:white;border-radius:5px}.remove{border:0;background:none;color:#a53838;font-size:12px;padding:4px 0}.cart-total{display:flex;justify-content:space-between;font-weight:900;font-size:19px;color:var(--navy);padding:16px 0}.drawer-empty{text-align:center;color:var(--muted);padding:35px 10px}.modal-bg{display:none;place-items:center;padding:18px}.modal-bg.show{display:grid}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:15px;padding:24px;box-shadow:0 20px 60px #0004}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal h2{color:var(--navy);margin:0 0 8px}.modal p{color:var(--muted);line-height:1.5}.checkout-fields{display:grid;gap:11px;margin:18px 0}.checkout-fields label{font-size:13px;font-weight:700;color:var(--navy)}.checkout-fields input{display:block;width:100%;border:1px solid #cbd5e2;border-radius:7px;padding:11px;margin-top:5px}.demo-alert{padding:10px 12px;border-radius:8px;background:#fff4df;color:#684000;font-size:12px;line-height:1.5}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(90px);background:var(--navy);color:#fff;padding:12px 18px;border-radius:9px;box-shadow:var(--shadow);z-index:80;transition:transform .22s}.toast.show{transform:translateX(-50%) translateY(0)}
@media(max-width:900px){.header-main{flex-wrap:wrap;gap:12px;padding:12px 0}.search{order:3;max-width:none;flex-basis:100%}.header-action{margin-left:auto}.nav-inner{overflow-x:auto}.tiles{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(3,1fr)}.artist-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{width:min(100% - 24px,1200px)}.brand small{display:none}.hero{grid-template-columns:1fr;padding:30px 23px;min-height:auto}.hero-mark{display:none}.hero h1{font-size:36px}.section-head{align-items:start;flex-direction:column}.tiles{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-art{height:110px;font-size:50px}.product-info{padding:11px}.product h3{font-size:13px}.product-actions{flex-direction:column}.party,.feature-row{grid-template-columns:1fr}.artist-grid{grid-template-columns:1fr 1fr;gap:9px}.artist{padding:12px}.artist .portrait{height:90px;font-size:42px}.nav a,.nav summary{padding:13px 10px;font-size:13px}}