@import url("../php/theme.php");
/* GOODSTUFFF - publiek/klanten dark army-green template
   Eén kleurbron voor pagina's in /paginas. Houdt dezelfde palette als admin/dark-admin.css.
*/
:root{
  --gs-bg:var(--theme-background,#070806);
  --gs-bg-2:var(--theme-background-soft,#0B0D09);
  --gs-panel:var(--theme-card,#11130F);
  --gs-panel-2:color-mix(in srgb, var(--theme-card,#171B14) 86%, #000 14%);
  --gs-panel-3:var(--theme-primary-soft,#1F2718);
  --gs-army:var(--theme-primary,#78864A);
  --gs-army-dark:var(--theme-primary-dark,#5F6B3A);
  --gs-army-soft:color-mix(in srgb, var(--theme-primary,#78864A) 72%, #fff 28%);
  --gs-gold:var(--theme-warning,#C9B37E);
  --gs-text:var(--theme-text,#FFFFFF);
  --gs-muted:var(--theme-muted,#C7CFB2);
  --gs-muted-2:color-mix(in srgb, var(--theme-muted,#C7CFB2) 70%, var(--theme-text,#FFFFFF) 30%);
  --gs-line:color-mix(in srgb, var(--theme-line,#78864A) 62%, transparent);
  --gs-line-soft:color-mix(in srgb, var(--theme-line,#78864A) 32%, transparent);
  --gs-danger:var(--theme-danger,#B42318);
  --gs-success:var(--theme-success,#2F7D4A);
  --gs-shadow:0 18px 55px rgba(0,0,0,.38);

  /* Compatibiliteit met bestaande CSS-variabelen */
  --bg:var(--gs-bg);
  --bg-soft:var(--gs-bg-2);
  --card:var(--gs-panel);
  --card-2:var(--gs-panel-2);
  --text:var(--gs-text);
  --muted:var(--gs-muted);
  --line:var(--gs-line-soft);
  --blue:var(--gs-army);
  --blue-dark:var(--gs-army-dark);
  --blue-soft:var(--gs-panel-3);
  --green:var(--gs-army);
  --green-soft:var(--gs-army-soft);
  --accent:var(--gs-army);
  --footer-bg:var(--theme-footer,#000000);
}
html,body{background:var(--gs-bg)!important;color:var(--gs-text)!important;}
body{
  background:
    radial-gradient(circle at 20% 0%,rgba(120,134,74,.16),transparent 34%),
    linear-gradient(135deg,var(--gs-bg),var(--gs-bg-2) 50%,#050605)!important;
}
a{color:var(--gs-army-soft)!important}a:hover{color:#fff!important}
.header,.navbar,.footer{background:rgba(5,6,5,.94)!important;border-color:var(--gs-line-soft)!important;backdrop-filter:blur(10px)}
.navbar a,.footer a{color:var(--gs-text)!important}.navbar a:hover,.navbar a.active{background:linear-gradient(135deg,var(--gs-army-dark),var(--gs-army))!important;border-color:var(--gs-army)!important;color:#fff!important}
.container,.section,.legal-content,.cart,.portal-card,.card,.product,.product-card,.review-card,.review-score,.public-rem-card,.auth-card,.login-card,.selector-box,.contact-box,.customer-login-box,.portal-order-card,.portal-stats div,form{
  background:linear-gradient(180deg,var(--gs-panel),var(--gs-panel-2))!important;
  color:var(--gs-text)!important;
  border:1px solid var(--gs-line-soft)!important;
  box-shadow:var(--gs-shadow)!important;
}
h1,h2,h3,h4,.section-title,.portal-head h1{color:var(--gs-text)!important}p,li,td,th,label,small,.small,.muted,.intro{color:var(--gs-muted)!important}strong,b{color:var(--gs-text)!important}
.button,button,input[type=submit],.admin-primary,.category-filter-btn,.portal-small-btn,.cart-actions a,.cart-actions button,.winkelwagen-actions a,.winkelwagen-actions button,.checkout-actions a,.checkout-actions button,.summary-actions a,.summary-actions button,.offerte-actions a,.offerte-actions button,.offer-actions a,.offer-actions button,.cleaningz-summary a,.cleaningz-summary button,#cart a.btn,#cart button,#winkelwagen a.btn,#winkelwagen button,[class*="cart"] .btn,[class*="cart"] button,[class*="winkelwagen"] .btn,[class*="winkelwagen"] button{
  background:linear-gradient(135deg,var(--gs-army),var(--gs-army-dark))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28)!important;
}
.button:hover,button:hover,input[type=submit]:hover,.admin-primary:hover,.category-filter-btn:hover,.portal-small-btn:hover{background:linear-gradient(135deg,var(--gs-army-soft),var(--gs-army))!important;color:#fff!important;filter:brightness(1.05)}
.button.secondary,.secondary{background:transparent!important;color:var(--gs-army-soft)!important;border:1px solid var(--gs-line)!important}
input,select,textarea{background:#0B0D09!important;color:var(--gs-text)!important;border:1px solid var(--gs-line-soft)!important}input::placeholder,textarea::placeholder{color:var(--gs-muted-2)!important}option{background:#11130F;color:#fff}
table,.table{background:var(--gs-panel)!important;color:var(--gs-text)!important;border-color:var(--gs-line-soft)!important}th,td{border-color:var(--gs-line-soft)!important}.table th{background:rgba(120,134,74,.16)!important;color:var(--gs-army-soft)!important}hr{border-color:var(--gs-line-soft)!important}.logo{filter:drop-shadow(0 0 10px rgba(120,134,74,.28))}
.verified,.review-alert.success,.public-notice.ok,.form-success,.status-betaald,.status-verzonden,.status-afgerond,.status-gepland{background:rgba(47,125,74,.18)!important;color:#B7F0C5!important;border-color:rgba(47,125,74,.45)!important}.form-alert,.public-notice.err,.status-geannuleerd,.status-mislukt{background:rgba(180,35,24,.16)!important;color:#FFB8B0!important;border-color:rgba(180,35,24,.42)!important}.status-nieuw,.status-open{background:rgba(201,179,126,.16)!important;color:var(--gs-gold)!important;border-color:rgba(201,179,126,.35)!important}.review-stars,.price-main,.product strong{color:var(--gs-gold)!important}
footer,.footer,.site-footer,.main-footer,.footer-area,.footer-wrapper,#footer{background:var(--theme-footer,#050505)!important;color:#d6d6d6!important}footer a,.footer a,.site-footer a,.main-footer a,.footer-area a,.footer-wrapper a,#footer a{color:#d6d6d6!important;background:transparent!important;border-color:transparent!important}
header a[href*="login"] i,header a[href*="login"] svg,header a[href*="login"] svg *,header a[href*="account"] i,header a[href*="account"] svg,header a[href*="account"] svg *,header a[href*="winkelwagen"] i,header a[href*="winkelwagen"] svg,header a[href*="winkelwagen"] svg *,header a[href*="cart"] i,header a[href*="cart"] svg,header a[href*="cart"] svg *,.header a[href*="login"] i,.header a[href*="login"] svg,.header a[href*="login"] svg *,.header a[href*="account"] i,.header a[href*="account"] svg,.header a[href*="account"] svg *,.header a[href*="winkelwagen"] i,.header a[href*="winkelwagen"] svg,.header a[href*="winkelwagen"] svg *,.header a[href*="cart"] i,.header a[href*="cart"] svg,.header a[href*="cart"] svg *,.fa-user,.fa-user-circle,.fa-shopping-cart,.fa-cart-shopping{color:#fff!important;fill:#fff!important;stroke:#fff!important;opacity:1!important}

/* Klanten/pro portal: laatste override zodat professional-portal.css geen lichte/blauwe kleuren terugzet */
body.pro-portal-body,.pro-portal,.pro-main{background:var(--gs-bg)!important;color:var(--gs-text)!important}.pro-login-page{background:radial-gradient(circle at top left,rgba(120,134,74,.20),transparent 32%),linear-gradient(135deg,var(--gs-bg),var(--gs-bg-2))!important}.pro-login-panel,.pro-login-card,.pro-admin-switch,.pro-profile-card,.pro-kpi,.pro-panel,.pro-list-item,.pro-action,.pro-user-box{background:linear-gradient(180deg,var(--gs-panel),var(--gs-panel-2))!important;color:var(--gs-text)!important;border:1px solid var(--gs-line-soft)!important;box-shadow:var(--gs-shadow)!important}.pro-sidebar{background:linear-gradient(180deg,#050605,#11130F 60%,#0B0D09)!important;border-right:1px solid var(--gs-line-soft)!important;color:#fff!important}.pro-sidebar-nav a{color:var(--gs-muted)!important;background:transparent!important}.pro-sidebar-nav a.active,.pro-sidebar-nav a:hover{background:linear-gradient(135deg,var(--gs-army-dark),var(--gs-army))!important;color:#fff!important}.pro-topbar,.pro-hero-card{background:linear-gradient(135deg,var(--gs-panel),var(--gs-panel-3))!important;color:#fff!important;border:1px solid var(--gs-line)!important;box-shadow:var(--gs-shadow)!important}.pro-login-card h2,.pro-admin-switch h2,.pro-profile-card h3,.pro-panel h2,.pro-kpi strong,.pro-list-item strong{color:#fff!important}.pro-login-card p,.pro-login-point span,.pro-admin-switch p,.pro-profile-row span,.pro-kpi span,.pro-list-item small,.pro-action span,.pro-secure-note,.pro-empty{color:var(--gs-muted)!important}.pro-avatar,.pro-btn,.pro-login-card button,.pro-admin-switch button{background:linear-gradient(135deg,var(--gs-army),var(--gs-army-dark))!important;color:#fff!important}.pro-status{background:rgba(120,134,74,.16)!important;color:var(--gs-army-soft)!important;border:1px solid var(--gs-line-soft)!important}.pro-status.betaald,.pro-status.afgerond,.pro-status.goedgekeurd{background:rgba(47,125,74,.18)!important;color:#B7F0C5!important}.pro-status.open,.pro-status.nieuw{background:rgba(201,179,126,.16)!important;color:var(--gs-gold)!important}.pro-logout{color:#fff!important}

/* ========================================
   GOODSTUFFF FINAL BUTTON + ICON OVERRIDE
   Doel: alle klant/publieke website knoppen legergroen met witte tekst/iconen.
   Deze override staat bewust onderaan zodat losse pagina-CSS geen andere kleuren terugzet.
   ======================================== */
:root{
  --gs-button-bg:linear-gradient(135deg,var(--gs-army),var(--gs-army-dark));
  --gs-button-bg-hover:linear-gradient(135deg,var(--gs-army-soft),var(--gs-army));
}
a.button,
.button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
a.btn,
.big-button,
.service-btn,
.service-btn.light,
.service-btn.whatsapp,
.category-filter-btn,
.cart-terms-button,
.checkout-pay-button,
.buy,
.product .buy,
.portal-small-btn,
.pro-btn,
.pro-action,
.pro-actions a,
.pro-actions button,
.pro-logout,
.gs-account-popup-close,
.gs-account-popup-actions a,
.gs-account-popup-actions button,
.rem-btn,
.rem-inline button,
.public-rem-card button,
.response-card button,
.cleaningz-summary a,
.cleaningz-summary button,
.offerte-actions a,
.offerte-actions button,
.offer-actions a,
.offer-actions button,
.summary-actions a,
.summary-actions button,
.checkout-actions a,
.checkout-actions button,
.winkelwagen-actions a,
.winkelwagen-actions button,
.cart-actions a,
.cart-actions button,
[class*="button"],
[class*="btn"],
[class*="action"] a,
[class*="action"] button{
  background:var(--gs-button-bg)!important;
  background-color:var(--gs-army)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.30)!important;
  text-decoration:none!important;
}
a.button:hover,
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.btn:hover,
a.btn:hover,
.big-button:hover,
.service-btn:hover,
.category-filter-btn:hover,
.cart-terms-button:hover,
.checkout-pay-button:hover,
.buy:hover,
.portal-small-btn:hover,
.pro-btn:hover,
.pro-action:hover,
.pro-actions a:hover,
.pro-actions button:hover,
.pro-logout:hover,
.gs-account-popup-actions a:hover,
.gs-account-popup-actions button:hover,
[class*="button"]:hover,
[class*="btn"]:hover,
[class*="action"] a:hover,
[class*="action"] button:hover{
  background:var(--gs-button-bg-hover)!important;
  background-color:var(--gs-army-soft)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.button.secondary,
.secondary,
.btn.secondary,
.service-btn.light,
.rem-btn.light,
.gs-account-popup-actions button,
.gs-account-popup-close{
  background:var(--gs-button-bg)!important;
  background-color:var(--gs-army)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
}
.button *,
button *,
.btn *,
.service-btn *,
.pro-btn *,
.pro-action *,
.portal-small-btn *,
.category-filter-btn *,
.checkout-pay-button *,
.cart-terms-button *,
.gs-account-popup-actions *,
[class*="button"] *,
[class*="btn"] *{
  color:#fff!important;
  fill:#fff!important;
  stroke:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.button svg,
button svg,
.btn svg,
.service-btn svg,
.pro-btn svg,
.pro-action svg,
.portal-small-btn svg,
.category-filter-btn svg,
.checkout-pay-button svg,
.cart-terms-button svg,
[class*="button"] svg,
[class*="btn"] svg,
.button svg *,
button svg *,
.btn svg *,
.service-btn svg *,
.pro-btn svg *,
.pro-action svg *,
.portal-small-btn svg *,
.category-filter-btn svg *,
.checkout-pay-button svg *,
.cart-terms-button svg *,
[class*="button"] svg *,
[class*="btn"] svg *{
  color:#fff!important;
  fill:#fff!important;
  stroke:#fff!important;
}