/*
Theme Name: HoefVinyl Vintage 2.0
Theme URI: https://hoefvinyl.nl/
Author: HoefVinyl
Description: Schone, spectaculaire vintage WordPress-basis voor HoefVinyl. Gebouwd voor de blokeditor, met vaste rechter navigatie, lichtkrant, Customizer en skins voor HoefVinyl-onderdelen.
Version: 2.0.0
Text Domain: hoefvinyl-vintage-2
*/

:root{
  --hv-bg:#d8a55e;
  --hv-ink:#2a1508;
  --hv-cream:#fff0bd;
  --hv-gold:#dfa32c;
  --hv-gold-light:#ffd87a;
  --hv-copper:#bd6618;
  --hv-mahogany:#4a1d09;
  --hv-mahogany-dark:#260d04;
  --hv-panel-top:#74320e;
  --hv-panel-bottom:#2d1005;
  --hv-panel-border:#d19027;
  --hv-panel-text:#ffeab2;
  --hv-nav-top:#6c2b0b;
  --hv-nav-bottom:#351205;
  --hv-nav-head-top:#e09a32;
  --hv-nav-head-bottom:#a8440b;
  --hv-radius:20px;
  --hv-site-width:1540px;
  --hv-nav-width:360px;
  --hv-gap:44px;
  --hv-link:#c97820;
  --hv-link-hover:#ffe7a3;
  --hv-link-visited:#a85d1b;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--hv-ink);
  font-family:Georgia,"Times New Roman",serif;
  line-height:1.55;
  background-color:var(--hv-bg);
  background-image:
    radial-gradient(circle at 16% 14%,rgba(92,42,9,.16) 0 2px,transparent 3px),
    repeating-radial-gradient(circle at 17% 28%,transparent 0 38px,rgba(105,49,10,.075) 39px 41px,transparent 42px 76px),
    repeating-radial-gradient(circle at 82% 66%,transparent 0 50px,rgba(255,236,173,.08) 51px 53px,transparent 54px 96px),
    linear-gradient(115deg,rgba(255,233,169,.20),transparent 33%,rgba(124,57,12,.10) 70%,transparent);
  background-attachment:fixed;
}
body::before{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:-1; opacity:.42;
  background:
    repeating-linear-gradient(18deg,transparent 0 82px,rgba(93,42,8,.06) 83px 85px,transparent 86px 166px),
    repeating-linear-gradient(-25deg,transparent 0 120px,rgba(255,245,201,.07) 121px 124px,transparent 125px 230px);
}

a{color:var(--hv-link);text-underline-offset:3px}
a:visited{color:var(--hv-link-visited)}
a:hover,a:focus{color:var(--hv-link-hover)}
img{max-width:100%;height:auto}
button,input,textarea,select{font:inherit}

.hv-shell{min-height:100vh}
.hv-container{width:min(var(--hv-site-width),calc(100% - 42px));margin-inline:auto}

/* Lichtkrant */
.hv-marquee{
  --hv-marquee-duration:24s;
  position:relative;z-index:30;width:100%;min-height:42px;overflow:hidden;
  color:#ffe18b;
  background:linear-gradient(180deg,#5a260d,#321207 48%,#170704);
  border-top:1px solid #e0a13a;border-bottom:2px solid #a95614;
  box-shadow:inset 0 1px rgba(255,230,160,.35),inset 0 -1px rgba(255,197,91,.2),0 3px 10px rgba(42,15,3,.42);
  font-size:clamp(1rem,1.35vw,1.22rem);font-weight:800;line-height:1.2;letter-spacing:.018em;
  text-shadow:0 1px #6d2d08,0 2px #321005,0 0 4px rgba(255,214,122,.25);
}
.hv-marquee-track{display:flex;width:max-content;will-change:transform;animation:hv-scroll var(--hv-marquee-duration) linear infinite}
.hv-marquee-item{flex:0 0 auto;min-width:max(100vw,900px);padding:10px 86px 11px;white-space:nowrap;text-align:center}
.hv-marquee:hover .hv-marquee-track{animation-play-state:paused}
@keyframes hv-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.hv-marquee-track{animation:none}.hv-marquee-item:nth-child(2){display:none}}

/* Header */
.hv-site-header{padding:14px 0 8px}
.hv-header-image-link{display:block;overflow:hidden;border-radius:18px;border:1px solid rgba(113,49,9,.55);box-shadow:0 10px 24px rgba(63,28,7,.32),inset 0 0 0 1px rgba(255,222,143,.22)}
.hv-header-image{display:block;width:100%;max-height:320px;object-fit:cover}
.hv-header-fallback{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border-top:1px solid rgba(111,53,14,.2);border-bottom:1px solid rgba(111,53,14,.25)}
.hv-brand{text-decoration:none;display:flex;align-items:center;gap:16px;color:#361706!important}
.hv-brand-disc{width:72px;height:72px;border-radius:50%;flex:none;border:3px solid #8e4b18;background:radial-gradient(circle,#e8c47a 0 8%,#1a110b 9% 14%,#070707 15% 47%,#50301b 48% 50%,#0a0908 51% 100%);box-shadow:inset 0 0 0 4px #21130b,0 6px 12px rgba(49,22,4,.42)}
.hv-brand-title{display:block;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1;letter-spacing:.045em;text-transform:uppercase;text-shadow:0 1px rgba(255,238,181,.7)}
.hv-brand-subtitle{display:block;margin-top:5px;font:.78rem/1.2 "Courier New",monospace;letter-spacing:.15em;text-transform:uppercase;color:#744116}
.hv-header-tagline{font:700 .82rem/1.3 "Courier New",monospace;letter-spacing:.11em;text-transform:uppercase;color:#6e3a14;text-align:right}

.hv-main{padding:18px 0 54px}
.hv-page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,var(--hv-nav-width));gap:var(--hv-gap);align-items:start}
.hv-content{min-width:0;margin:0!important;padding:0!important}
.hv-content>.entry-content,.hv-content>.hv-entry{margin:0!important;padding:0!important;min-width:0}
.hv-content>.entry-content>:first-child,.hv-content>.hv-entry>:first-child{margin-top:0!important}
.hv-aside{min-width:0;position:sticky;top:18px}

/* Rechter navigatie */
.hv-nav-frame{
  position:relative;overflow:hidden;border:2px solid var(--hv-panel-border);border-radius:var(--hv-radius);
  color:var(--hv-cream);background:linear-gradient(160deg,var(--hv-nav-top),var(--hv-nav-bottom));
  box-shadow:0 12px 22px rgba(45,18,3,.42),inset 0 0 0 1px rgba(255,222,143,.14),inset 0 0 40px rgba(0,0,0,.28);
}
.hv-nav-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,.05),transparent 28%,rgba(0,0,0,.10) 72%,transparent);mix-blend-mode:screen}
.hv-nav-title{position:relative;z-index:1;padding:15px 18px;text-align:center;color:#1f0c03;background:linear-gradient(var(--hv-nav-head-top),var(--hv-nav-head-bottom));border-bottom:1px solid #2e1104;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:1.32rem;font-weight:500;letter-spacing:.045em;text-transform:uppercase;text-shadow:0 1px rgba(255,221,134,.7)}
.hv-nav-inner{position:relative;z-index:1;padding:18px 24px 22px}
.hv-side-menu{list-style:none;margin:0;padding:0}
.hv-side-menu li{margin:0;border-bottom:1px solid rgba(224,162,64,.23)}
.hv-side-menu li:last-child{border-bottom:0}
.hv-side-menu a{display:block;padding:16px 10px;text-align:center;text-decoration:none;color:var(--hv-link)!important;font-size:1.05rem;transition:transform .18s ease,color .18s ease,background .18s ease,text-shadow .18s ease}
.hv-side-menu a:visited{color:var(--hv-link-visited)!important}
.hv-side-menu a:hover,.hv-side-menu a:focus,.hv-side-menu .current-menu-item>a,.hv-side-menu .current_page_item>a{color:var(--hv-link-hover)!important;background:rgba(157,71,18,.28);transform:translateX(2px);text-shadow:0 0 8px rgba(255,202,92,.3)}
.hv-menu-note{margin:8px 0;color:#ffe9b5;text-align:center;font-size:.9rem}
.hv-menu-toggle{display:none}

/* Blokeditor-layout voor homepage. */
.hv-home-rows{display:grid;gap:30px}
.hv-home-row{margin:0!important}
.hv-home-row>.wp-block-columns{display:grid!important;grid-template-columns:minmax(260px,40fr) minmax(340px,60fr)!important;gap:32px!important;align-items:start!important;margin:0!important}
.hv-home-row .wp-block-column{min-width:0!important;margin:0!important}
.hv-home-row .wp-block-column>*+*{margin-top:30px}
.hv-slot{min-width:0}

/* Vrij toepasbaar HoefVinyl-paneel. */
.wp-block-group.is-style-hoefvinyl-vintage-panel,.hv-vintage-panel{
  position:relative;overflow:hidden;padding:24px;color:var(--hv-panel-text);
  background:radial-gradient(circle at 50% 8%,rgba(158,77,25,.24),transparent 48%),linear-gradient(155deg,var(--hv-panel-top),var(--hv-panel-bottom) 74%);
  border:2px solid var(--hv-panel-border);border-radius:var(--hv-radius);
  box-shadow:0 11px 20px rgba(45,18,3,.42),inset 0 0 0 1px rgba(255,220,134,.17),inset 0 0 36px rgba(13,5,1,.34);
}
.wp-block-group.is-style-hoefvinyl-vintage-panel::after,.hv-vintage-panel::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,rgba(255,255,255,.05),transparent 26%,rgba(0,0,0,.09) 72%,transparent);mix-blend-mode:screen}
.wp-block-group.is-style-hoefvinyl-vintage-panel>*{position:relative;z-index:1}
.wp-block-group.is-style-hoefvinyl-vintage-panel h1,.wp-block-group.is-style-hoefvinyl-vintage-panel h2,.wp-block-group.is-style-hoefvinyl-vintage-panel h3,.wp-block-group.is-style-hoefvinyl-vintage-panel h4{color:#ffe2a0;text-shadow:0 2px #311006}
.wp-block-group.is-style-hoefvinyl-space-below{margin-bottom:30px!important}

/* Gewone pagina's: geen verplicht buitenkader. */
.hv-page-title{margin:0 0 22px;font-size:clamp(1.8rem,3vw,2.8rem);color:#4a210c;text-shadow:0 1px rgba(255,238,183,.65)}
.hv-prose{min-width:0}
.hv-prose>*:first-child{margin-top:0}
.hv-prose a:not(.button):not([class*="btn"]){color:var(--hv-link)}
.hv-prose a:not(.button):not([class*="btn"]):visited{color:var(--hv-link-visited)}
.hv-prose a:not(.button):not([class*="btn"]):hover{color:var(--hv-link-hover)}
.hv-inline-style{font:inherit}

/* =========================================================
   MUZIEKZOEKER [hv_muziek_zoek]
   Definitieve mahonie/goud skin; alleen binnen .hv-wrapper.
   ========================================================= */
body .hv-wrapper{max-width:560px!important;margin:0 auto!important;padding:18px!important;box-sizing:border-box!important;color:#ffe9b6!important;background:radial-gradient(circle at 50% 8%,rgba(147,72,23,.25),transparent 48%),linear-gradient(155deg,#6d3511 0%,#43200d 58%,#291005 100%)!important;border:2px solid #d39429!important;border-radius:22px!important;box-shadow:0 12px 22px rgba(42,16,3,.43),inset 0 0 0 1px rgba(255,219,130,.18),inset 0 0 34px rgba(16,7,2,.34)!important}
body .hv-wrapper .hv-box{margin:0!important;padding:16px 18px 18px!important;color:#ffe9b6!important;background:linear-gradient(155deg,#4c250f,#301307)!important;border:1px solid #8d6028!important;border-radius:18px!important;box-shadow:inset 0 0 26px rgba(0,0,0,.2)!important}
body .hv-wrapper .hv-status{margin-bottom:15px!important;padding:11px 14px!important;border-radius:14px!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:700!important;line-height:1.35!important;text-shadow:0 1px 1px rgba(0,0,0,.65)!important}
body .hv-wrapper .hv-status.open{color:#fff4d5!important;background:#3f641d!important;border:1px solid #7f9f4d!important}
body .hv-wrapper .hv-status.blocked{color:#311607!important;background:linear-gradient(#efbc55,#d47f24)!important;border-color:#8c4d14!important;text-shadow:none!important}
body .hv-wrapper .hv-retroline{color:#ffbf00!important;margin:0 0 14px!important;text-shadow:0 0 5px #ffbf00,0 0 10px rgba(255,191,0,.66),2px 2px 0 #3a1705,4px 4px 8px rgba(0,0,0,.55)!important}
body .hv-wrapper .hv-row{gap:12px!important;align-items:center!important}
body .hv-wrapper .hv-field input,body .hv-wrapper .hv-field select,body .hv-wrapper .hv-req-grid textarea{color:#5a311b!important;background:#fff7e3!important;border:2px solid #4a240d!important;border-radius:12px!important;box-shadow:inset 0 2px 5px rgba(89,46,13,.14),0 2px 3px rgba(26,10,3,.32)!important}
body .hv-wrapper .hv-btn,body .hv-wrapper a.hv-btn,body .hv-wrapper button.hv-btn,body .hv-wrapper .hv-pagebtn{color:#2d1305!important;background:linear-gradient(180deg,#f0b550,#d37b20 58%,#b75b16)!important;border:2px solid #5a2a0c!important;border-radius:22px!important;box-shadow:inset 0 1px rgba(255,226,153,.85),0 3px 8px rgba(30,12,3,.42)!important;text-shadow:0 1px rgba(255,220,143,.65)!important;font-weight:900!important}
body .hv-wrapper .hv-btn:hover,body .hv-wrapper .hv-pagebtn:hover{color:#180a02!important;background:linear-gradient(180deg,#f8c971,#e08c2e 58%,#c66a1b)!important;transform:translateY(-1px)}
body .hv-wrapper .hv-table,body .hv-wrapper .hv-table thead,body .hv-wrapper .hv-table tbody,body .hv-wrapper .hv-table tr,body .hv-wrapper .hv-table th,body .hv-wrapper .hv-table td{background:#3c1b0a!important}
body .hv-wrapper .hv-table th,body .hv-wrapper .hv-table td{color:#ffe9b6!important;border-bottom-color:#81501f!important}
body .hv-wrapper .hv-table tbody tr td strong,body .hv-wrapper .hv-meta{color:#f0b84f!important}

/* =========================================================
   GASTENBOEK [hv_gastenboek] - jaren 70 lounge / platenzaak.
   Hogere specificiteit dan de inline plugin-CSS, maar alleen #hv-gb.
   ========================================================= */
body #hv-gb{width:100%!important;max-width:390px!important;margin:0 auto!important;font-family:"Courier New",Courier,monospace!important;color:#2b1406!important;filter:drop-shadow(0 8px 10px rgba(43,17,3,.22))}
body #hv-gb .panel{position:relative!important;margin:0 0 28px!important;padding:20px!important;overflow:hidden!important;background:radial-gradient(circle at 48% 0,rgba(245,171,64,.16),transparent 45%),linear-gradient(155deg,#7d3a0d,#4d2108 70%,#2f1104)!important;border:2px solid #d08d29!important;border-radius:22px!important;box-shadow:0 12px 22px rgba(42,16,3,.45),inset 0 0 0 1px rgba(255,220,139,.18),inset 0 0 32px rgba(0,0,0,.25)!important}
body #hv-gb .panel::before{content:"";position:absolute;inset:8px;border:1px solid rgba(244,183,77,.28);border-radius:15px;pointer-events:none}
body #hv-gb .panel .panel-head{position:relative!important;margin:-6px -6px 18px!important;padding:12px 15px!important;color:#241005!important;background:linear-gradient(180deg,#f0bc52,#d17a20 62%,#ae4e0d)!important;border:2px solid #4d2108!important;border-radius:14px!important;box-shadow:inset 0 1px rgba(255,235,174,.75),0 4px 7px rgba(31,11,2,.42)!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:800!important;font-size:1.05rem!important;letter-spacing:.03em!important;text-align:center!important;text-shadow:0 1px rgba(255,223,148,.75)!important}
body #hv-gb form.gb-form label{display:block!important;margin:10px 0 6px!important;color:#f4c36d!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:800!important;text-shadow:0 1px 2px rgba(0,0,0,.75)!important}
body #hv-gb .gb-field,body #hv-gb .gb-area{width:100%!important;padding:11px 12px!important;color:#542a12!important;background:#fff8e9!important;border:2px solid #3e1b09!important;border-radius:12px!important;box-shadow:inset 0 2px 5px rgba(83,38,9,.14),0 2px 3px rgba(21,7,1,.35)!important;font-family:Georgia,"Times New Roman",serif!important}
body #hv-gb .gb-area{min-height:128px;resize:vertical}
body #hv-gb .gb-actions{margin-top:14px!important;justify-content:center!important}
body #hv-gb .btn{appearance:none!important;cursor:pointer!important;color:#271004!important;background:linear-gradient(180deg,#f3bd50,#d87d20 60%,#b8530e)!important;border:2px solid #4c2108!important;border-radius:18px!important;padding:10px 22px!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:900!important;box-shadow:inset 0 1px rgba(255,229,157,.82),0 4px 7px rgba(31,10,2,.44)!important;text-shadow:0 1px rgba(255,220,139,.62)!important}
body #hv-gb .btn:hover{background:linear-gradient(180deg,#ffd16d,#e68e2c 60%,#c56316)!important;transform:translateY(-1px)}
body #hv-gb .success,body #hv-gb .loading{color:#fff6da!important;background:#41651f!important;border:1px solid #809c51!important;border-radius:13px!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 3px 7px rgba(27,10,2,.28)!important;text-shadow:0 1px rgba(0,0,0,.7)!important}
body #hv-gb .errors{color:#ffe9cf!important;background:#7d2519!important;border:1px solid #b85b45!important;border-radius:13px!important}
body #hv-gb .card{margin:0 0 18px!important;padding:0!important;overflow:hidden!important;background:linear-gradient(180deg,#77400f,#4e2509)!important;border:2px solid #c98727!important;border-radius:16px!important;box-shadow:0 8px 14px rgba(36,13,2,.42),inset 0 0 0 1px rgba(255,221,140,.11)!important}
body #hv-gb .card-head{padding:9px 12px!important;gap:8px!important;background:linear-gradient(180deg,#a55c19,#642b09)!important;border-bottom:1px solid #d08a28!important}
body #hv-gb .card-name{color:#fff0b4!important;font-weight:800!important;text-shadow:0 1px #1e0902,0 0 4px rgba(0,0,0,.7)!important}
body #hv-gb .card-time{color:#ffd878!important;font-size:11px!important;font-weight:700!important;text-shadow:0 1px #1e0902!important}
body #hv-gb .card-msg{padding:15px 16px!important;color:#fff2c3!important;background:linear-gradient(180deg,#74400f,#4f2609)!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:600!important;line-height:1.58!important;text-shadow:0 1px #1e0902!important}
body #hv-gb .pager{gap:8px!important;justify-content:center!important}
body #hv-gb .page-link,body #hv-gb .page-edge,body #hv-gb .page-current{color:#271004!important;background:linear-gradient(#f1b74e,#d1781e)!important;border:1px solid #522307!important;border-radius:10px!important;box-shadow:0 2px 4px rgba(30,10,2,.36)!important;text-decoration:none!important;font-weight:800!important}
body #hv-gb .page-current{background:linear-gradient(#ffe08a,#e29a35)!important}

/* =========================================================
   POLL [hv_poll] - dezelfde HoefVinyl 2.0 familie.
   ========================================================= */
body .hv-poll{max-width:580px!important;margin:0 auto!important;padding:18px!important;color:#ffeab8!important;background:linear-gradient(155deg,#6c310d,#361407 72%)!important;border:2px solid #d08d29!important;border-radius:22px!important;box-shadow:0 12px 22px rgba(42,16,3,.44),inset 0 0 0 1px rgba(255,220,139,.16)!important}
body .hv-poll .hv-formblock{padding:16px!important;margin-bottom:16px!important;background:linear-gradient(155deg,#54250d,#311207)!important;border:1px solid #8c5c26!important;border-radius:16px!important;box-shadow:inset 0 0 22px rgba(0,0,0,.17)!important}
body .hv-poll .hv-formblock h3{margin:0 0 14px!important;padding:12px!important;color:#271005!important;background:linear-gradient(#e8aa43,#ba5812)!important;border:1px solid #4c1f07!important;border-radius:12px!important;text-align:center!important;font-family:Georgia,"Times New Roman",serif!important;font-size:1.38rem!important;text-transform:uppercase!important;text-shadow:0 1px rgba(255,226,155,.7)!important}
body .hv-poll .hv-intro-text{color:#ffe8ae!important;background:rgba(148,76,25,.15)!important;border:1px solid #845923!important;border-radius:12px!important;font-family:Georgia,"Times New Roman",serif!important;text-align:center!important}
body .hv-poll .hv-choice{color:#ffe8ae!important;background:#4b220c!important;border:1px solid #8d5b22!important;border-radius:10px!important}
body .hv-poll .hv-artist,body .hv-poll .hv-title{color:#ffe8ae!important}
body .hv-poll .hv-submit{color:#291104!important;background:linear-gradient(#efb34e,#cc701a)!important;border:2px solid #552308!important;border-radius:16px!important;box-shadow:0 3px 7px rgba(30,10,2,.42)!important;font-weight:900!important}
body .hv-poll .hv-submit:hover{background:linear-gradient(#ffd170,#df8629)!important}
body .hv-poll h4{color:#ffd676!important;text-align:center!important;font-family:"Courier New",monospace!important;font-size:1.45rem!important;text-shadow:0 2px #331004,0 0 6px rgba(255,189,61,.24)!important}
body .hv-poll .hv-results.hv-inline{color:#ffe8ae!important;background:#3b1708!important;border:1px solid #8b5c24!important;border-radius:14px!important}
body .hv-poll .hv-res-row,body .hv-poll .hv-res-label,body .hv-poll .hv-res-title,body .hv-poll .hv-res-artist,body .hv-poll .hv-res-pct{color:#ffe8ae!important}
body .hv-poll .hv-resultbar{background:#251006!important;border-color:#77501e!important}
body .hv-poll .hv-resultbar>span{background:linear-gradient(90deg,#bd6417,#f1bf55)!important}
body .hv-poll .hv-msg{color:#fff6da!important;background:#41651f!important;border:1px solid #7e9d4d!important}
body .hv-poll .hv-error{color:#ffe9cf!important;background:#7d2519!important;border-color:#b85b45!important}

/* Footer */
.hv-footer{padding:20px 0 34px;color:#6b3714;font-size:.9rem}
.hv-footer-inner{padding-top:18px;border-top:1px solid rgba(104,49,12,.24);display:flex;justify-content:space-between;gap:20px;align-items:center}
.hv-footer-menu{list-style:none;margin:0;padding:0;display:flex;gap:16px;flex-wrap:wrap}

@media(max-width:1000px){
  .hv-page-grid{grid-template-columns:1fr;gap:28px}
  .hv-aside{position:static;order:-1}
  .hv-menu-toggle{display:block;width:100%;padding:11px 14px;border:0;border-bottom:1px solid #2e1104;background:linear-gradient(#e0a03a,#b14c0d);color:#251004;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
  .hv-nav-inner{display:none}.hv-nav-frame.is-open .hv-nav-inner{display:block}
  .hv-home-row>.wp-block-columns{grid-template-columns:1fr!important;gap:30px!important}
  .hv-header-tagline{display:none}
}
@media(max-width:640px){
  .hv-container{width:min(100% - 24px,var(--hv-site-width))}
  .hv-marquee{min-height:38px;font-size:.96rem}.hv-marquee-item{min-width:max(100vw,620px);padding-inline:62px}
  .hv-header-fallback{padding:14px 8px}.hv-brand-disc{width:58px;height:58px}.hv-brand-title{font-size:1.55rem}
  .wp-block-group.is-style-hoefvinyl-vintage-panel{padding:18px}
  body .hv-wrapper{max-width:100%!important;padding:13px!important}body .hv-wrapper .hv-box{padding:14px!important}
  body #hv-gb{max-width:100%!important}
}
/* =========================================================
   RECHTERKOLOM WIDGETS
   ========================================================= */

.hv-sidebar-widgets{
    display:flex;
    flex-direction:column;
    gap:24px;
    margin-top:24px;
}

.hv-sidebar-widget{
    position:relative;
    overflow:hidden;
    padding:20px;

    color:var(--hv-panel-text);

    background:
        radial-gradient(
            circle at 50% 8%,
            rgba(158,77,25,.24),
            transparent 48%
        ),
        linear-gradient(
            155deg,
            var(--hv-panel-top),
            var(--hv-panel-bottom) 74%
        );

    border:2px solid var(--hv-panel-border);
    border-radius:var(--hv-radius);

    box-shadow:
        0 11px 20px rgba(45,18,3,.42),
        inset 0 0 0 1px rgba(255,220,134,.17),
        inset 0 0 36px rgba(13,5,1,.34);
}

.hv-sidebar-widget-title{
    margin:-20px -20px 18px;
    padding:12px 15px;

    color:#271005;

    background:linear-gradient(
        180deg,
        #e8aa43,
        #ba5812
    );

    border-bottom:1px solid #4c1f07;

    text-align:center;
    font-family:Georgia,"Times New Roman",serif;
    font-size:1.2rem;
    font-weight:800;

    text-shadow:0 1px rgba(255,226,155,.7);
}

.hv-sidebar-widget p{
    margin-top:0;
    color:#ffeab2;
}

.hv-sidebar-widget a{
    color:#f0b84f;
}

.hv-sidebar-widget a:hover{
    color:#ffe7a3;
}

.hv-sidebar-widget > *:last-child{
    margin-bottom:0;
}
/* =========================================================
   FOOTER WIDGETS - 4 KOLOMMEN
   ========================================================= */

.hv-footer-widgets{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:30px;
    padding:28px 0;
    border-top:1px solid rgba(104,49,12,.24);
}

.hv-footer-column{
    min-width:0;
}

.hv-footer-column .hv-footer-widget{
    margin-bottom:22px;
}

.hv-footer-column .hv-footer-widget:last-child{
    margin-bottom:0;
}

.hv-footer-column h3,
.hv-footer-column .hv-widget-title{
    margin:0 0 12px;
    color:#4a210c;
    font-size:1.15rem;
}

.hv-footer-column p{
    margin-top:0;
}

@media(max-width:900px){
    .hv-footer-widgets{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:600px){
    .hv-footer-widgets{
        grid-template-columns:1fr;
    }
}