/* ================================================================
   Rondom Internet – woo.css  v1.0.0
   WooCommerce: checkout, account, abonnementen, productpagina.
   ================================================================ */

/* ── Algemeen: achtergrond & tekst ── */
.woocommerce,
.woocommerce-page { background: var(--bg); color: var(--ink); }

/* ── Knoppen (v2.0 huisstijl): pil, donkere tekst op oranje ── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button {
  background: var(--ink) !important;
  color: #fff !important;
  border: 2px solid var(--ink) !important;
  border-radius: 999px !important;
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  padding: .8rem 1.6rem !important;
  transition: background var(--trans), color var(--trans), transform var(--trans) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--oranje) !important;
  border-color: var(--oranje) !important;
  color: var(--ink) !important;
  transform: translateY(-2px);
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: var(--oranje) !important;
  border-color: var(--oranje) !important;
  color: var(--ink) !important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover { background: var(--ink) !important; border-color: var(--ink) !important; color: #fff !important; }
.woocommerce a.button.disabled, .woocommerce button.button:disabled { opacity: .5; }

/* ── Prijzen ── */
.woocommerce .price,
.woocommerce .woocommerce-Price-amount { color: var(--ink) !important; font-weight: 700; }
.woocommerce ins .woocommerce-Price-amount { color: var(--oranje-dark) !important; }
.woocommerce del .woocommerce-Price-amount { color: var(--muted) !important; }

/* ── Productkaarten ── */
.woocommerce ul.products li.product a img {
  border-radius: var(--radius);
  transition: transform .35s ease;
}
.woocommerce ul.products li.product:hover a img { transform: scale(1.03); }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-disp);
  font-weight: 600;
  color: var(--ink);
}

/* ── Productpagina ── */
.woocommerce div.product .product_title {
  font-family: var(--font-disp);
  color: var(--ink) !important;
}
.woocommerce div.product p.price { font-size: 1.6rem; color: var(--ink) !important; }
.woocommerce div.product div.description,
.woocommerce div.product .woocommerce-product-details__short-description {
  color: var(--ink) !important;
  background: transparent !important;
}
.woocommerce div.product div.description * { color: var(--ink) !important; }

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: var(--radius) var(--radius) 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-top: 3px solid var(--teal) !important;
  background: #fff;
}

/* ── Checkout ── */
.woocommerce-checkout .woocommerce {
  max-width: 1180px;
  margin-inline: auto;
  padding: 2.5rem 1.25rem 3.5rem;
}
.woocommerce form .form-row label {
  color: var(--ink) !important;
  font-weight: 500;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  background: #fff !important;
  color: var(--ink) !important;
  border: 1.5px solid var(--border) !important;
  border-radius: var(--radius) !important;
  padding: .65rem .9rem !important;
  font-family: var(--font-body) !important;
  transition: border-color var(--trans);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-color: var(--teal) !important;
  outline: none;
}
#order_review_heading { font-family: var(--font-disp); color: var(--ink) !important; }
.woocommerce table.shop_table {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  border-collapse: separate;
  overflow: hidden;
}
.woocommerce table.shop_table th { background: rgba(13,27,42,.04); color: var(--ink) !important; padding: .75rem 1rem; }
.woocommerce table.shop_table td { color: var(--ink) !important; padding: .75rem 1rem; border-top: 1px solid var(--border); }
.woocommerce table.shop_table tfoot tr th { color: var(--ink) !important; }
.woocommerce table.shop_table tfoot tr td { color: var(--ink) !important; }

/* Betalingsmethoden */
.woocommerce-checkout #payment { background: #fff; border-radius: var(--radius); border: 1px solid var(--border); }
.woocommerce-checkout #payment ul.payment_methods { background: transparent; }
.woocommerce-checkout #payment div.payment_box { background: var(--teal-lt); color: var(--ink); }

/* ── Mijn account algemeen ── */
.woocommerce-MyAccount-content {
  background: #fff;
  border-radius: var(--radius-lg);
  padding: 2rem;
  border: 1px solid var(--border);
  color: var(--ink) !important;
}
.woocommerce-MyAccount-content table,
.woocommerce-MyAccount-content .shop_table {
  background: #fff !important;
  color: var(--ink) !important;
  width: 100%;
  border-collapse: collapse;
}
.woocommerce-MyAccount-content th {
  background: rgba(13,27,42,.04) !important;
  color: var(--ink) !important;
  padding: .75rem 1rem;
  text-align: left;
  border-bottom: 2px solid var(--border);
}
.woocommerce-MyAccount-content td {
  color: var(--ink) !important;
  padding: .75rem 1rem;
  border-bottom: 1px solid var(--border);
}

/* Account-navigatie */
.woocommerce-MyAccount-navigation {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.woocommerce-MyAccount-navigation ul { list-style: none; }
.woocommerce-MyAccount-navigation ul li a {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .85rem 1.25rem;
  color: var(--ink) !important;
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid var(--border);
  transition: background var(--trans);
}
.woocommerce-MyAccount-navigation ul li a:hover { background: var(--bg); }
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
  background: var(--ink);
  color: #fff !important;
  font-weight: 700;
}

/* Login-pagina */
.woocommerce-account:not(.logged-in) .woocommerce {
  max-width: 480px;
  margin-inline: auto;
  padding: 3rem 1.5rem;
}
.woocommerce form.login,
.woocommerce form.register {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 2rem;
}
.woocommerce form.login h2,
.woocommerce form.register h2 { font-family: var(--font-disp); color: var(--ink) !important; }

/* ── Abonnementen-pagina ── */
.woocommerce-subscriptions-table th,
.shop_table.subscriptions td { color: var(--ink) !important; }

/* Winkelmand */
.woocommerce-cart .woocommerce {
  padding: 2rem 1.5rem;
  max-width: var(--wrap);
  margin-inline: auto;
}

/* ── Meldingen ── */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  border-radius: var(--radius) !important;
  font-family: var(--font-body);
}
.woocommerce-message { border-top-color: var(--teal) !important; }
.woocommerce-error   { border-top-color: var(--oranje) !important; }
.woocommerce-info    { border-top-color: var(--blue) !important; }


/* ── Mijn account: indeling & leesbaarheid ───────────────────────────────── */
.woocommerce-account .woocommerce {
  max-width: 1180px;
  margin: 0 auto;
  padding: 2.5rem 1.25rem 3rem;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 2rem;
  align-items: start;
}
.woocommerce-account:not(.logged-in) .woocommerce { display: block; }
.woocommerce-account .woocommerce-notices-wrapper,
.woocommerce-account .woocommerce > h2 { grid-column: 1 / -1; }
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content { float: none !important; width: auto !important; margin: 0; }
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-MyAccount-navigation ul li { margin: 0; padding: 0; }
.woocommerce-MyAccount-navigation ul li:last-child a { border-bottom: 0; }
.woocommerce-MyAccount-content { overflow-x: auto; }

/* Dashboard: tekst op de donkere banner en knoppen weer leesbaar */
.woocommerce-MyAccount-content .ri-dashboard__header h2 { color: #fff !important; }
.woocommerce-MyAccount-content .ri-dashboard__header p  { color: rgba(255,255,255,.8) !important; }
.woocommerce-MyAccount-content a.ri-btn--teal,
.woocommerce-MyAccount-content a.ri-btn--red { color: #fff !important; text-decoration: none; }
.woocommerce-MyAccount-content .ri-badge--green  { color: #166534 !important; }
.woocommerce-MyAccount-content .ri-badge--orange { color: #92400e !important; }
.woocommerce-MyAccount-content .ri-badge--red    { color: #991b1b !important; }
.woocommerce-MyAccount-content .ri-dash-card__body h3,
.woocommerce-MyAccount-content .ri-dash-card__sub { color: var(--muted); }
.woocommerce-MyAccount-content .ri-dash-card__link { color: var(--muted); }

@media (max-width: 860px) {
  .woocommerce-account .woocommerce { grid-template-columns: minmax(0, 1fr); padding: 1.5rem 1rem 2.5rem; gap: 1.25rem; }
  .woocommerce-MyAccount-content { padding: 1.25rem; }
  .ri-dashboard__header { flex-direction: column; align-items: flex-start; }
}


/* ── Dashboard: nooit breder dan het scherm ──────────────────────────────── */
.ri-dashboard, .ri-dashboard > *, .ri-dash-card__body, .ri-dash-links li { min-width: 0; }
.ri-dashboard { width: 100%; }
.ri-dash-card__value, .ri-dash-card__sub, .ri-dash-links li a { overflow-wrap: anywhere; }
@media (max-width: 560px) {
  .woocommerce-MyAccount-content { padding: 1rem; overflow-x: visible; }
  .ri-dashboard { gap: 1.25rem; }
  .ri-dashboard__cards { grid-template-columns: minmax(0, 1fr); }
  .ri-dash-card { padding: 1.1rem; gap: .8rem; }
  .ri-dash-card__icon { width: 38px; height: 38px; }
  .ri-dash-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
  .ri-dash-links li a { padding: .7rem .7rem; font-size: .85rem; gap: .45rem; line-height: 1.3; }
  .ri-dash-card .ri-btn { width: 100%; text-align: center; box-sizing: border-box; }
}


/* Mijn account: kolommen mogen nooit breder worden dan het scherm */
.woocommerce-account .woocommerce { width: 100%; box-sizing: border-box; }
.woocommerce-account .woocommerce > *,
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content { min-width: 0; max-width: 100%; box-sizing: border-box; }
.woocommerce-MyAccount-content { overflow-wrap: anywhere; }
.woocommerce-MyAccount-content img, .woocommerce-MyAccount-content table { max-width: 100%; }
@media (max-width: 860px) {
  .woocommerce-account .woocommerce { display: block; }
  .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 1.25rem; }
}