/* =============================================
 * SCK Accessoire / Helm layout v1.0.0
 * Eigen .sck-acc-* namespace, geen conflict met scooter layout
 * ============================================= */

.sck-acc{
  --sck-acc-yellow:#f9b90f;
  --sck-acc-yellow-soft:#fff8e0;
  --sck-acc-yellow-dark:#e0a000;
  --sck-acc-black:#000;
  --sck-acc-text:#1a1a1a;
  --sck-acc-muted:#737373;
  --sck-acc-gray-50:#fafafa;
  --sck-acc-gray-100:#f5f5f5;
  --sck-acc-gray-200:#e5e5e5;
  --sck-acc-gray-300:#d4d4d4;
  --sck-acc-blue:#1c4ec9;
  --sck-acc-blue-soft:#eff4ff;
  --sck-acc-r:10px;

  max-width:1280px;
  margin:0 auto;
  padding:0 20px 60px;
  color:var(--sck-acc-text);
  font-size:15px;
  line-height:1.55;
}

/* Reset Flatsome quirks */
.sck-acc *{box-sizing:border-box}
.sck-acc img{max-width:100%;height:auto;display:block}
.sck-acc a{color:inherit;text-decoration:none}
.sck-acc a:hover{color:var(--sck-acc-yellow-dark)}

/* BREADCRUMB */
.sck-acc-breadcrumb{
  padding:14px 0 6px;
  font-size:13px;
  color:var(--sck-acc-muted);
}
.sck-acc-breadcrumb a{color:var(--sck-acc-muted)}
.sck-acc-breadcrumb a:hover{color:var(--sck-acc-text)}
.sck-acc-breadcrumb .divider{margin:0 6px;opacity:.5}

/* GRID */
.sck-acc-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  margin-top:14px;
}
@media (max-width: 900px){
  .sck-acc-grid{grid-template-columns:1fr;gap:24px}
}

/* GALLERY */
.sck-acc-gallery{position:relative}
.sck-acc-gallery-main{
  position:relative;
  aspect-ratio:1/1;
  background:var(--sck-acc-gray-50);
  border-radius:var(--sck-acc-r);
  overflow:hidden;
}
.sck-acc-gallery-main img{
  width:100%;height:100%;
  object-fit:contain;
  padding:30px;
}
.sck-acc-zoom{
  position:absolute;
  left:12px;bottom:12px;
  width:36px;height:36px;
  background:#fff;
  border:1px solid var(--sck-acc-gray-200);
  border-radius:50%;
  display:grid;place-items:center;
  cursor:pointer;
  color:var(--sck-acc-text);
}
.sck-acc-zoom:hover{background:var(--sck-acc-gray-100)}

.sck-acc-thumbs{
  display:flex;
  gap:10px;
  margin-top:14px;
  flex-wrap:wrap;
}
.sck-acc-thumb{
  width:72px;height:72px;
  border:2px solid var(--sck-acc-gray-200);
  background:#fff;
  border-radius:8px;
  padding:0;
  cursor:pointer;
  overflow:hidden;
  flex-shrink:0;
}
.sck-acc-thumb.active{border-color:var(--sck-acc-yellow)}
.sck-acc-thumb img{
  width:100%;height:100%;
  object-fit:contain;
  padding:6px;
}

/* BUY COLUMN */
.sck-acc-buy{
  background:var(--sck-acc-gray-50);
  border:1px solid var(--sck-acc-gray-200);
  border-radius:var(--sck-acc-r);
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.sck-acc-title{
  font-size:24px;
  font-weight:800;
  line-height:1.25;
  margin:0;
  letter-spacing:.3px;
  text-transform:uppercase;
}

.sck-acc-rating{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:var(--sck-acc-muted);
}
.sck-acc-stars{display:inline-flex;gap:1px}

/* PRICE */
.sck-acc-price{
  font-size:28px;
  font-weight:800;
  color:var(--sck-acc-text);
  line-height:1.1;
}
.sck-acc-price .amount{font-size:inherit;font-weight:inherit;color:inherit}
.sck-acc-price del{
  font-size:18px;
  color:var(--sck-acc-muted);
  font-weight:400;
  margin-right:8px;
}
.sck-acc-price ins{text-decoration:none;color:#c0392b}

.sck-acc-intro{
  font-size:14px;
  color:#444;
  line-height:1.5;
}
.sck-acc-intro p{margin:0 0 8px}
.sck-acc-intro p:last-child{margin-bottom:0}

/* CART (standaard WC) */
.sck-acc-cart{
  margin-top:4px;
}
.sck-acc-cart form.cart{margin:0}
.sck-acc-cart .quantity,
.sck-acc-cart .ux-quantity{
  display:inline-flex;
  margin-right:10px;
  vertical-align:middle;
}
.sck-acc-cart .single_add_to_cart_button{
  background:var(--sck-acc-yellow) !important;
  color:var(--sck-acc-black) !important;
  border:none !important;
  padding:14px 28px !important;
  font-weight:800 !important;
  font-size:14px !important;
  border-radius:var(--sck-acc-r) !important;
  text-transform:uppercase;
  letter-spacing:.5px;
  cursor:pointer;
  transition:background .15s;
}
.sck-acc-cart .single_add_to_cart_button:hover{
  background:var(--sck-acc-yellow-dark) !important;
  color:var(--sck-acc-black) !important;
}

/* Variations binnen WC form: gewoon laten staan, het is een simpel product meestal */
.sck-acc-cart table.variations{
  margin:0 0 14px;
  font-size:13px;
}
.sck-acc-cart table.variations th{
  padding:6px 10px 6px 0;
  text-align:left;
  font-weight:700;
}
.sck-acc-cart table.variations td{padding:6px 0}

/* PAYMENT CARD (in3) */
.sck-acc-payment-card{
  background:var(--sck-acc-yellow-soft);
  border:1px solid #f0d97a;
  border-radius:var(--sck-acc-r);
  padding:14px 16px;
}
.sck-acc-payment-header{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin-bottom:10px;
}
.sck-acc-payment-in3{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 0;
}
.sck-acc-in3-logo{
  background:#ff4a76;
  color:#fff;
  font-weight:900;
  padding:6px 12px;
  border-radius:6px;
  font-size:14px;
  letter-spacing:-.5px;
}
.sck-acc-in3-text{display:flex;flex-direction:column;font-size:13px}
.sck-acc-in3-text strong{font-size:14px}
.sck-acc-in3-text .amount{color:inherit}

.sck-acc-pay-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding-top:8px;
  border-top:1px solid #f0d97a;
  margin-top:4px;
  font-size:12px;
}
.sck-acc-pay-label{color:var(--sck-acc-muted)}
.sck-acc-pay-pills{display:inline-flex;gap:6px;flex-wrap:wrap}
.sck-acc-pay-pill{
  display:inline-block;
  padding:3px 8px;
  background:#fff;
  border:1px solid var(--sck-acc-gray-200);
  border-radius:4px;
  font-size:11px;
  font-weight:600;
}

/* WARNING CARD (winkel vs webshop) */
.sck-acc-warning-card{
  background:#fff;
  border:1px solid var(--sck-acc-gray-200);
  border-radius:var(--sck-acc-r);
  padding:14px 16px;
}
.sck-acc-warning-header{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:var(--sck-acc-text);
  margin-bottom:8px;
}
.sck-acc-warning-card p{
  font-size:13px;
  color:#444;
  margin:0 0 12px;
}
.sck-acc-warning-cols{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
@media (max-width: 500px){
  .sck-acc-warning-cols{grid-template-columns:1fr}
}
.sck-acc-warning-col{
  background:var(--sck-acc-gray-50);
  padding:10px;
  border-radius:8px;
  font-size:12px;
}
.sck-acc-warning-col-title{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:4px;
}
.sck-acc-warning-col-title strong{font-size:13px}
.sck-acc-warning-col span{color:var(--sck-acc-muted);line-height:1.4}
.sck-acc-warning-foot{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--sck-acc-gray-200);
  font-size:12px;
}
.sck-acc-warning-foot a{
  color:var(--sck-acc-muted);
  text-decoration:underline;
}

/* TRUST CARD */
.sck-acc-trust-card{
  background:#fff;
  border:1px solid var(--sck-acc-gray-200);
  border-radius:var(--sck-acc-r);
  padding:14px 16px;
}
.sck-acc-trust-header{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:var(--sck-acc-text);
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid var(--sck-acc-gray-200);
}
.sck-acc-trust-header svg{color:#22c55e}
.sck-acc-trust-list{
  list-style:none;
  margin:0;padding:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.sck-acc-trust-list li{
  font-size:13px;
  padding-left:22px;
  position:relative;
}
.sck-acc-trust-list li::before{
  content:"";
  position:absolute;
  left:0;top:5px;
  width:14px;height:14px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") no-repeat center;
  background-size:contain;
}
.sck-acc-trust-list a{color:var(--sck-acc-blue);text-decoration:underline}

/* CONTENT (description + specs + reviews) */
.sck-acc-content{
  margin-top:50px;
  display:flex;
  flex-direction:column;
  gap:40px;
}

.sck-acc-prose{
  font-size:15px;
  line-height:1.7;
  color:#333;
  max-width:780px;
}
.sck-acc-prose h2,
.sck-acc-prose h3{
  margin:24px 0 12px;
  font-weight:800;
  line-height:1.3;
}
.sck-acc-prose h2{font-size:20px}
.sck-acc-prose h3{font-size:17px}
.sck-acc-prose p{margin:0 0 14px}
.sck-acc-prose ul,
.sck-acc-prose ol{margin:0 0 14px 20px}
.sck-acc-prose li{margin-bottom:4px}

/* SPECS */
.sck-acc-specs{max-width:780px}
.sck-acc-specs-title{
  font-size:18px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin:0 0 14px;
  padding-bottom:8px;
  border-bottom:2px solid var(--sck-acc-gray-200);
}
.sck-acc-specs-table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}
.sck-acc-specs-table tr{border-bottom:1px solid var(--sck-acc-gray-200)}
.sck-acc-specs-table tr:last-child{border-bottom:none}
.sck-acc-specs-table th,
.sck-acc-specs-table td{
  padding:12px 16px;
  text-align:left;
  vertical-align:top;
}
.sck-acc-specs-table th{
  font-weight:700;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.5px;
  color:var(--sck-acc-muted);
  background:var(--sck-acc-gray-50);
  width:35%;
}

/* REVIEWS (WC native) */
.sck-acc-reviews{
  max-width:780px;
  border-top:1px solid var(--sck-acc-gray-200);
  padding-top:30px;
}
.sck-acc-reviews #reviews{margin:0}
.sck-acc-reviews h2{
  font-size:18px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.5px;
  margin:0 0 16px;
}
.sck-acc-reviews .commentlist{list-style:none;padding:0;margin:0 0 24px}
.sck-acc-reviews #commentform{
  background:var(--sck-acc-gray-50);
  padding:20px;
  border:1px solid var(--sck-acc-gray-200);
  border-radius:var(--sck-acc-r);
}
.sck-acc-reviews input[type=text],
.sck-acc-reviews input[type=email],
.sck-acc-reviews textarea{
  width:100%;
  padding:10px;
  border:1px solid var(--sck-acc-gray-300);
  border-radius:6px;
  font-size:14px;
  margin-top:4px;
}
.sck-acc-reviews .submit{
  background:var(--sck-acc-blue) !important;
  color:#fff !important;
  border:none !important;
  padding:12px 24px !important;
  font-weight:700 !important;
  border-radius:6px !important;
  text-transform:uppercase;
  letter-spacing:.5px;
  cursor:pointer;
}

/* TRUSTINDEX */
.sck-acc-trustindex{margin-top:10px}