/*
Theme Name: CasaDasLojas
Theme URI: https://casadaslojas.com.br
Author: CasaDasLojas
Author URI: https://casadaslojas.com.br
Description: Tema premium para marketplace multivendedor com WooCommerce e Dokan Pro. Visual moderno em laranja, alta performance, SEO otimizado e totalmente responsivo.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: casadaslojas
Domain Path: /languages
Tags: e-commerce, marketplace, dokan, woocommerce, responsive, translation-ready, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments
*/

:root{
  --cdl-orange:#FF6A00;
  --cdl-orange-dark:#E55A00;
  --cdl-orange-light:#FFE3CC;
  --cdl-white:#FFFFFF;
  --cdl-gray-light:#F5F5F5;
  --cdl-gray:#9AA0A6;
  --cdl-gray-dark:#3C4043;
  --cdl-black:#111111;
  --cdl-radius:8px;
  --cdl-shadow:0 2px 8px rgba(0,0,0,.08);
  --cdl-font:'Inter','Segoe UI',Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:var(--cdl-font);color:var(--cdl-black);background:var(--cdl-gray-light);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--cdl-orange);text-decoration:none}
a:hover{color:var(--cdl-orange-dark)}
img{max-width:100%;height:auto;display:block}
.container{max-width:1280px;margin:0 auto;padding:0 16px}
.btn,.button,button.cdl-btn{display:inline-block;background:var(--cdl-orange);color:#fff;padding:12px 22px;border:0;border-radius:var(--cdl-radius);font-weight:600;cursor:pointer;transition:.15s}
.btn:hover{background:var(--cdl-orange-dark);color:#fff}
.btn-outline{background:transparent;color:var(--cdl-orange);border:2px solid var(--cdl-orange)}

/* Header */
.cdl-header{background:#fff;box-shadow:var(--cdl-shadow);position:sticky;top:0;z-index:100}
.cdl-topbar{background:var(--cdl-orange);color:#fff;font-size:13px;padding:6px 0;text-align:center}
.cdl-header-main{display:flex;align-items:center;gap:24px;padding:14px 0}
.cdl-logo{font-size:24px;font-weight:800;color:var(--cdl-orange)}
.cdl-logo span{color:var(--cdl-gray-dark)}
.cdl-search{flex:1;display:flex;border:2px solid var(--cdl-orange);border-radius:var(--cdl-radius);overflow:hidden;background:#fff}
.cdl-search input{flex:1;border:0;padding:12px 16px;font-size:15px;outline:0}
.cdl-search button{background:var(--cdl-orange);color:#fff;border:0;padding:0 24px;cursor:pointer;font-weight:600}
.cdl-header-actions{display:flex;gap:18px;align-items:center;color:var(--cdl-gray-dark);font-weight:500}
.cdl-header-actions a{color:var(--cdl-gray-dark)}
.cdl-cart-count{background:var(--cdl-orange);color:#fff;border-radius:999px;padding:2px 8px;font-size:12px;margin-left:4px}

/* Mega menu */
.cdl-nav{background:#fff;border-top:1px solid #eee}
.cdl-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.cdl-nav li a{display:block;padding:12px 16px;color:var(--cdl-gray-dark);font-weight:500}
.cdl-nav li a:hover{color:var(--cdl-orange);background:var(--cdl-orange-light)}

/* Hero */
.cdl-hero{margin:20px 0;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--cdl-orange) 0%,var(--cdl-orange-dark) 100%);color:#fff;padding:48px 32px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.cdl-hero h1{font-size:40px;margin:0 0 12px}
.cdl-hero p{font-size:18px;opacity:.95}

/* Sections */
.cdl-section{margin:32px 0}
.cdl-section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}
.cdl-section-title h2{margin:0;font-size:22px;color:var(--cdl-gray-dark);border-left:4px solid var(--cdl-orange);padding-left:10px}
.cdl-section-title a{font-size:14px;font-weight:600}

/* Product grid */
.cdl-grid{display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}
.cdl-card{background:#fff;border-radius:var(--cdl-radius);overflow:hidden;box-shadow:var(--cdl-shadow);transition:.2s;position:relative}
.cdl-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.cdl-card .thumb{aspect-ratio:1/1;background:var(--cdl-gray-light);display:flex;align-items:center;justify-content:center;color:var(--cdl-gray)}
.cdl-card .body{padding:12px}
.cdl-card .title{font-size:14px;color:var(--cdl-black);min-height:40px;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cdl-card .price{color:var(--cdl-orange);font-weight:700;font-size:18px}
.cdl-card .old{color:var(--cdl-gray);text-decoration:line-through;font-size:13px;margin-right:6px;font-weight:400}
.cdl-badge{position:absolute;top:8px;left:8px;background:var(--cdl-orange);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:4px}
.cdl-badge.free{background:#1ea760}

/* Categories */
.cdl-cats{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.cdl-cat{background:#fff;border-radius:var(--cdl-radius);text-align:center;padding:16px 8px;box-shadow:var(--cdl-shadow);transition:.2s}
.cdl-cat:hover{transform:translateY(-2px);color:var(--cdl-orange)}
.cdl-cat .ico{width:48px;height:48px;border-radius:50%;background:var(--cdl-orange-light);color:var(--cdl-orange);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:22px;font-weight:700}
.cdl-cat span{font-size:13px;color:var(--cdl-gray-dark);font-weight:500}

/* Vendors */
.cdl-vendors{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cdl-vendor{background:#fff;border-radius:var(--cdl-radius);overflow:hidden;box-shadow:var(--cdl-shadow)}
.cdl-vendor .cover{height:90px;background:linear-gradient(135deg,var(--cdl-orange),var(--cdl-orange-dark))}
.cdl-vendor .info{padding:14px;text-align:center}
.cdl-vendor .info h4{margin:0 0 4px;color:var(--cdl-gray-dark)}
.cdl-vendor .info small{color:var(--cdl-gray)}

/* Newsletter */
.cdl-newsletter{background:var(--cdl-gray-dark);color:#fff;padding:36px 24px;border-radius:12px;text-align:center;margin:32px 0}
.cdl-newsletter h3{margin:0 0 8px;font-size:24px}
.cdl-newsletter form{display:flex;max-width:520px;margin:16px auto 0;gap:8px}
.cdl-newsletter input{flex:1;padding:12px 14px;border:0;border-radius:var(--cdl-radius);font-size:15px}

/* Footer */
.cdl-footer{background:#1a1a1a;color:#bbb;padding:40px 0 0;margin-top:40px}
.cdl-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cdl-footer h5{color:#fff;margin:0 0 12px;font-size:15px;text-transform:uppercase;letter-spacing:.5px}
.cdl-footer ul{list-style:none;padding:0;margin:0}
.cdl-footer ul li{padding:4px 0}
.cdl-footer ul li a{color:#bbb}
.cdl-footer ul li a:hover{color:var(--cdl-orange)}
.cdl-footer-bottom{border-top:1px solid #333;text-align:center;padding:16px;margin-top:32px;font-size:13px}

/* Mobile bottom nav */
.cdl-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;z-index:100;justify-content:space-around;padding:8px 0;box-shadow:0 -2px 10px rgba(0,0,0,.08)}
.cdl-mobile-nav a{flex:1;text-align:center;color:var(--cdl-gray-dark);font-size:11px;font-weight:500}
.cdl-mobile-nav a span{display:block;font-size:20px;margin-bottom:2px}
.cdl-mobile-nav a.active{color:var(--cdl-orange)}

@media (max-width:1024px){
  .cdl-grid{grid-template-columns:repeat(3,1fr)}
  .cdl-cats{grid-template-columns:repeat(4,1fr)}
  .cdl-vendors{grid-template-columns:repeat(2,1fr)}
  .cdl-footer-grid{grid-template-columns:repeat(2,1fr)}
  .cdl-hero{grid-template-columns:1fr;text-align:center}
  .cdl-hero h1{font-size:28px}
}
@media (max-width:640px){
  .cdl-grid{grid-template-columns:repeat(2,1fr)}
  .cdl-cats{grid-template-columns:repeat(3,1fr)}
  .cdl-header-actions span.label{display:none}
  .cdl-mobile-nav{display:flex}
  body{padding-bottom:64px}
}

/* Dark mode */
body.cdl-dark{background:#121212;color:#eee}
body.cdl-dark .cdl-header,body.cdl-dark .cdl-card,body.cdl-dark .cdl-cat,body.cdl-dark .cdl-vendor,body.cdl-dark .cdl-mobile-nav,body.cdl-dark .cdl-nav{background:#1e1e1e;color:#eee}
body.cdl-dark .cdl-card .title,body.cdl-dark .cdl-cat span,body.cdl-dark .cdl-section-title h2{color:#eee}