/*
Theme Name: Directkopen Shop
Theme URI: https://directkopen.com/
Description: Child theme e-commerce pour Directkopen.com. Header, footer, CTA homepage, shop/cart/checkout/account styling.
Author: Directkopen
Template: astra
Version: 1.0.0
Text Domain: directko-child
*/

:root{
  --dk-blue:#0f172a;
  --dk-blue-2:#15233f;
  --dk-yellow:#ffdd2d;
  --dk-orange:#ff7a1a;
  --dk-green:#16a34a;
  --dk-muted:#64748b;
  --dk-line:#e5e7eb;
  --dk-bg:#f6f8fb;
  --dk-white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dk-blue);background:var(--dk-bg)}
a{transition:.18s ease}

/* Hide Astra default shell where the child theme replaces header/footer */
#masthead,.site-header,.ast-primary-header-bar,.ast-mobile-header-wrap,.site-footer,.ast-footer-copyright,.ast-builder-footer-grid-columns,.ast-small-footer,.ast-footer-overlay{display:none!important}
.ast-container,.site-content .ast-container{max-width:none!important;padding-left:0!important;padding-right:0!important}
.home .entry-header,.home .entry-title,.page-id-1172 .entry-header,.page-id-1172 .entry-title{display:none!important}
.home #primary,.home .site-main{margin:0!important;padding:0!important}
.ast-separate-container .ast-article-single{padding:0!important;background:transparent!important}

.dk-wrap{width:min(1220px,calc(100% - 40px));margin-inline:auto}

/* Header */
.dk-header{position:sticky;top:0;z-index:9999;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 10px 32px rgba(15,23,42,.06)}
.admin-bar .dk-header{top:32px}
.dk-header-inner{height:82px;display:flex;align-items:center;gap:22px;justify-content:space-between}
.dk-logo{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--dk-blue)!important;font-weight:950;font-size:24px;letter-spacing:-.04em;white-space:nowrap}
.dk-logo-mark{width:42px;height:42px;border-radius:14px;background:var(--dk-yellow);display:grid;place-items:center;box-shadow:0 12px 25px rgba(255,221,45,.38)}
.dk-logo-mark svg,.dk-header svg,.dk-service-icon svg,.dk-proof-grid svg{width:23px;height:23px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dk-nav{display:flex;gap:20px;align-items:center}
.dk-nav a{font-size:15px;font-weight:800;color:#334155!important;text-decoration:none!important}
.dk-nav a:hover{color:var(--dk-orange)!important}
.dk-header-actions{display:flex;align-items:center;gap:12px}
.dk-search{display:flex;align-items:center;gap:0;background:#f1f5f9;border:1px solid var(--dk-line);border-radius:999px;overflow:hidden;min-width:290px;height:46px}
.dk-search input{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;padding:0 14px!important;height:46px!important;font-size:14px!important;color:var(--dk-blue)!important;width:100%}
.dk-search button{border:0!important;background:var(--dk-yellow)!important;color:var(--dk-blue)!important;width:48px;height:46px;display:grid;place-items:center;cursor:pointer;padding:0!important}
.dk-icon-link{position:relative;width:46px;height:46px;border-radius:999px;display:grid;place-items:center;background:#fff;color:var(--dk-blue)!important;border:1px solid var(--dk-line);text-decoration:none!important}
.dk-icon-link:hover{background:var(--dk-blue);color:#fff!important;transform:translateY(-2px)}
.dk-cart-count{position:absolute;top:-6px;right:-6px;min-width:21px;height:21px;border-radius:999px;background:var(--dk-orange);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}

/* Home */
.dk-home{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;background:var(--dk-bg)}
.dk-hero{height:550px;max-height:550px;position:relative;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(9,15,29,.92) 0%,rgba(9,15,29,.72) 47%,rgba(9,15,29,.16) 100%),var(--dk-hero-img);background-size:cover;background-position:center;color:#fff}
.dk-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,221,45,.22),transparent 33%)}
.dk-hero-inner{position:relative;z-index:1}
.dk-hero-copy{max-width:760px;padding-block:40px}
.dk-eyebrow{display:inline-flex;align-items:center;border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.dk-eyebrow-dark{background:#fff4bd;color:#7a4b00;border-color:#ffe878}
.dk-hero h1{margin:20px 0 18px;color:#fff;font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:-.06em;font-weight:950;max-width:800px}
.dk-hero p{font-size:19px;line-height:1.75;color:#e2e8f0;max-width:660px;margin:0 0 28px}
.dk-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.dk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 23px;border-radius:999px;font-weight:950;text-decoration:none!important;letter-spacing:-.01em}
.dk-btn-primary{background:var(--dk-yellow);color:var(--dk-blue)!important;box-shadow:0 18px 36px rgba(255,221,45,.28)}
.dk-btn-ghost{background:rgba(255,255,255,.12);color:#fff!important;border:1px solid rgba(255,255,255,.26)}
.dk-btn-light{background:#fff;color:var(--dk-blue)!important}
.dk-btn-dark{background:var(--dk-blue);color:#fff!important}
.dk-btn:hover{transform:translateY(-2px);filter:brightness(1.03)}

.dk-service-strip{padding:42px 0 26px;background:#fff}
.dk-service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;text-align:center}
.dk-service-link{text-decoration:none!important;color:#334155!important;display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 8px;border-radius:24px}
.dk-service-link:hover{background:#fffdf0;transform:translateY(-3px)}
.dk-service-icon{width:98px;height:98px;border-radius:999px;background:var(--dk-yellow);display:grid;place-items:center;color:#384252;box-shadow:0 16px 35px rgba(255,221,45,.35)}
.dk-service-icon svg{width:42px;height:42px;stroke-width:1.8}
.dk-service-link strong{font-size:22px;line-height:1.15;font-weight:500;color:#475569}
.dk-service-link em{font-style:normal;font-size:13px;color:#64748b;line-height:1.35;max-width:150px}

.dk-proof-strip{padding:36px 0 54px;background:#fff}
.dk-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:start;text-align:center;max-width:980px;margin-inline:auto}
.dk-proof-grid div{display:flex;flex-direction:column;align-items:center;gap:12px;color:#334155;text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:950}
.dk-proof-grid span{width:106px;height:106px;border-radius:999px;background:var(--dk-yellow);display:grid;place-items:center;clip-path:polygon(50% 0%,58% 10%,70% 5%,75% 18%,88% 17%,88% 32%,100% 38%,92% 50%,100% 62%,88% 68%,88% 83%,75% 82%,70% 95%,58% 90%,50% 100%,42% 90%,30% 95%,25% 82%,12% 83%,12% 68%,0% 62%,8% 50%,0% 38%,12% 32%,12% 17%,25% 18%,30% 5%,42% 10%)}
.dk-proof-grid svg{width:45px;height:45px;color:#384252;stroke-width:1.8}

.dk-section{padding:78px 0}
.dk-section-head{max-width:760px;margin-bottom:34px}
.dk-section-head h2,.dk-two-col h2,.dk-final-box h2{font-size:clamp(34px,4.6vw,56px);line-height:1.02;letter-spacing:-.055em;margin:14px 0;color:var(--dk-blue)}
.dk-section-head p,.dk-two-col p,.dk-final-box p{font-size:17px;color:var(--dk-muted);line-height:1.75;margin:0}
.dk-cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dk-cta-card{display:block;background:#fff;color:var(--dk-blue)!important;text-decoration:none!important;border:1px solid var(--dk-line);border-radius:28px;padding:28px;box-shadow:0 16px 44px rgba(15,23,42,.07);min-height:250px}
.dk-cta-card:hover{transform:translateY(-5px);border-color:#fedc30;box-shadow:0 20px 50px rgba(15,23,42,.12)}
.dk-cta-card span{display:inline-flex;margin-bottom:26px;padding:8px 12px;border-radius:999px;background:#fff7ce;color:#7a4b00;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:950}
.dk-cta-card h3{font-size:27px;line-height:1.05;margin:0 0 12px;color:var(--dk-blue)}
.dk-cta-card p{font-size:15px;line-height:1.6;color:var(--dk-muted);margin:0 0 18px}
.dk-cta-card strong{color:var(--dk-orange)}
.dk-seo-section{background:#fff}
.dk-two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}
.dk-info-list{display:grid;gap:14px}
.dk-info-list a{display:block;background:#f8fafc;border:1px solid var(--dk-line);border-radius:22px;padding:20px;text-decoration:none!important;color:var(--dk-blue)!important}
.dk-info-list a:hover{background:#fffdf0;border-color:#fedc30;transform:translateX(4px)}
.dk-info-list strong{display:block;font-size:19px;margin-bottom:5px}
.dk-info-list span{color:var(--dk-muted);font-size:14px}
.dk-final-cta{padding:66px 0;background:var(--dk-blue)}
.dk-final-box{display:flex;align-items:center;justify-content:space-between;gap:26px;color:#fff}
.dk-final-box h2{color:#fff;margin:0 0 8px}
.dk-final-box p{color:#cbd5e1}

/* Page intros */
.dk-page-intro{width:min(1180px,calc(100% - 40px));margin:34px auto 34px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:32px;padding:46px;box-shadow:0 20px 60px rgba(15,23,42,.13)}
.dk-page-intro span{display:inline-flex;background:var(--dk-yellow);color:var(--dk-blue);border-radius:999px;padding:8px 13px;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.dk-page-intro h1{color:#fff;font-size:clamp(34px,5vw,58px);letter-spacing:-.055em;line-height:1;margin:18px 0 12px}
.dk-page-intro p{color:#dbe4ef;font-size:17px;line-height:1.7;max-width:760px;margin:0}
.dk-quick-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.dk-quick-links a{color:#fff!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:10px 14px;font-weight:850;background:rgba(255,255,255,.08)}
.dk-quick-links a:hover{background:var(--dk-yellow);color:var(--dk-blue)!important}

/* WooCommerce */
.woocommerce .woocommerce-breadcrumb{width:min(1180px,calc(100% - 40px));margin:22px auto;color:#64748b}
.woocommerce .products{width:min(1180px,calc(100% - 40px));margin-inline:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;background:#fff;border:1px solid var(--dk-line);border-radius:24px;overflow:hidden;padding:16px!important;box-shadow:0 12px 34px rgba(15,23,42,.07);transition:.18s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 18px 48px rgba(15,23,42,.12)}
.woocommerce ul.products li.product a img{height:230px!important;object-fit:contain;background:#f8fafc;border-radius:18px;padding:14px;margin:0 0 16px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px!important;line-height:1.25;color:var(--dk-blue);font-weight:850;min-height:44px}
.woocommerce ul.products li.product .price{font-size:20px!important;color:var(--dk-blue)!important;font-weight:950!important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce .button{border-radius:999px!important;background:var(--dk-blue)!important;color:#fff!important;font-weight:950!important;padding:13px 18px!important;line-height:1.1!important;text-decoration:none!important;border:0!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce .button:hover{background:var(--dk-orange)!important;color:#fff!important;transform:translateY(-2px)}
.woocommerce-result-count,.woocommerce-ordering{width:min(1180px,calc(100% - 40px));margin-left:auto!important;margin-right:auto!important}

.woocommerce-cart .entry-content,.woocommerce-checkout .entry-content,.woocommerce-account .entry-content{width:min(1180px,calc(100% - 40px));margin:0 auto 60px!important;background:#fff;border:1px solid var(--dk-line);border-radius:30px;padding:26px;box-shadow:0 18px 50px rgba(15,23,42,.07)}
.woocommerce-cart table.shop_table,.woocommerce-checkout table.shop_table{border-collapse:separate!important;border-spacing:0;border-radius:20px;overflow:hidden;border:1px solid var(--dk-line)!important}
.woocommerce table.shop_table th{background:#f8fafc;color:var(--dk-blue);font-weight:950}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container .select2-selection--single{border:1px solid #dbe3ef!important;border-radius:14px!important;min-height:48px!important;padding:12px 14px!important;background:#fff!important}
.woocommerce-checkout #payment{background:#f8fafc!important;border:1px solid var(--dk-line);border-radius:22px!important}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;display:grid;gap:10px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;background:#f8fafc;border:1px solid var(--dk-line);border-radius:14px;padding:12px 14px;text-decoration:none!important;color:var(--dk-blue)!important;font-weight:850}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,.woocommerce-account .woocommerce-MyAccount-navigation a:hover{background:var(--dk-yellow)}

/* Footer */
.dk-footer{background:#08111f;color:#cbd5e1;padding:56px 0 0;margin-top:0}
.dk-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:36px;padding-bottom:40px}
.dk-footer h3{color:#fff;margin:0 0 16px;font-size:18px;letter-spacing:-.02em}
.dk-footer p{margin:0;color:#94a3b8;line-height:1.7}
.dk-footer a{display:block;color:#cbd5e1!important;text-decoration:none!important;margin:9px 0;font-size:14px}
.dk-footer a:hover{color:var(--dk-yellow)!important;transform:translateX(3px)}
.dk-footer-brand{font-size:26px;font-weight:950;color:#fff;margin-bottom:12px;display:block;letter-spacing:-.04em}
.dk-copyright{border-top:1px solid rgba(255,255,255,.09);padding:18px 0;color:#94a3b8;font-size:14px;text-align:center}

@media (max-width:1050px){
  .dk-nav{display:none}.dk-search{min-width:220px}.dk-service-grid{grid-template-columns:repeat(3,1fr)}.dk-cta-grid,.woocommerce .products{grid-template-columns:repeat(2,1fr)}.dk-two-col,.dk-footer-grid{grid-template-columns:1fr}.dk-final-box{display:block}.dk-final-box .dk-actions{margin-top:20px}
}
@media (max-width:700px){
  .admin-bar .dk-header{top:0}.dk-header-inner{height:auto;padding:13px 0;display:grid;grid-template-columns:1fr auto;gap:12px}.dk-logo{font-size:20px}.dk-search{grid-column:1/-1;width:100%;min-width:0}.dk-hero{height:550px;max-height:550px;background-position:center right}.dk-hero h1{font-size:42px}.dk-hero p{font-size:16px}.dk-service-grid{grid-template-columns:repeat(2,1fr)}.dk-service-icon{width:82px;height:82px}.dk-service-link strong{font-size:18px}.dk-proof-grid{grid-template-columns:1fr;gap:22px}.dk-cta-grid,.woocommerce .products{grid-template-columns:1fr}.dk-page-intro{padding:30px 22px;border-radius:24px}.woocommerce-cart .entry-content,.woocommerce-checkout .entry-content,.woocommerce-account .entry-content{padding:18px}.dk-wrap{width:min(100% - 28px,1220px)}
}



/* Homepage featured products + reviews */
.dk-featured-products{background:#fff;padding-top:82px;padding-bottom:30px}
.dk-featured-products .dk-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;max-width:none}
.dk-featured-products .dk-section-head .dk-btn{margin-top:12px}
.dk-featured-products .products{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px!important;margin:0!important}
.dk-featured-products ul.products li.product{padding:18px!important;border-radius:26px}
.dk-featured-products ul.products li.product a img{height:250px!important;background:#f8fafc}
.dk-featured-products ul.products li.product .button{width:100%;text-align:center;margin-top:10px!important}
.dk-featured-products ul.products li.product .onsale{left:18px!important;top:18px!important;margin:0!important;background:var(--dk-yellow)!important;color:var(--dk-blue)!important;font-weight:950!important;min-height:auto!important;line-height:1.2!important;padding:8px 11px!important;border-radius:999px!important}
.dk-featured-products .star-rating,.woocommerce ul.products li.product .star-rating{float:none!important;margin:10px 0 8px!important;color:#f6b300}
.dk-featured-products .price del,.woocommerce ul.products li.product .price del{opacity:.55;color:#64748b!important;font-size:.88em}
.dk-featured-products .price ins,.woocommerce ul.products li.product .price ins{text-decoration:none!important;color:var(--dk-orange)!important}
.dk-featured-products .woocommerce.columns-3{margin-top:18px}
.dk-featured-products .added_to_cart{display:none!important}
.dk-section-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dk-head-copy{max-width:760px}

.dk-reviews{padding:56px 0 84px;background:linear-gradient(180deg,#fff 0%,#f6f8fb 100%)}
.dk-review-slider{overflow:hidden}
.dk-review-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.dk-review-card{background:#fff;border:1px solid var(--dk-line);border-radius:26px;padding:24px;box-shadow:0 14px 40px rgba(15,23,42,.06);height:100%}
.dk-review-stars{display:flex;gap:4px;margin-bottom:14px;color:#f6b300}
.dk-review-stars svg{width:18px;height:18px;fill:currentColor;stroke:none}
.dk-review-card p{margin:0 0 18px;color:#475569;line-height:1.72;font-size:15px}
.dk-review-meta{display:flex;align-items:center;gap:12px}
.dk-review-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff7ce;color:#7a4b00;font-weight:950}
.dk-review-author strong{display:block;color:var(--dk-blue);font-size:15px}
.dk-review-author span{display:block;color:#64748b;font-size:13px}
.dk-review-note{margin-top:16px;color:#64748b;font-size:13px}

@media (max-width:1050px){
  .dk-featured-products .products,.dk-review-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dk-featured-products .dk-section-head{display:block}
}
@media (max-width:700px){
  .dk-featured-products .products,.dk-review-track{grid-template-columns:1fr}
  .dk-featured-products{padding-top:58px}
}