/* =============================
   TucanDrop Landing + Menu + Woo patches
   ============================= */
:root{
  --bg:#050812; --bg-2:#070d1f; --card:#0b1022; --soft:#19244a;
  --txt:#eef3ff; --dim:#a7b0d6;
  --brand:#23ffd3; --brand-2:#8ab4ff; --ok:#00d67a;
  --shadow:0 26px 70px rgba(0,0,0,.55);
  --r:18px; --R:26px; --gap:18px; --max:1120px;
  --logo:url('https://dnncompany.shop/wp-content/uploads/2025/08/cropped-ChatGPT-Image-20-de-ago.-de-2025-09_12_10.png');

  /* Nav */
  --dnn-bg:#0f1020; --dnn-card:#17182e; --dnn-soft:#232548;
  --dnn-txt:#ffffff; --dnn-dim:#d1d5db;
  --dnn-accent:#6a00f4; --dnn-accent-2:#4e00c2; --dnn-ok:#18c29c;
  --dnn-radius:14px; --dnn-shadow:0 10px 30px rgba(0,0,0,.35);
}

/* Base */
*{box-sizing:border-box}
body{
  background:
    radial-gradient(1200px 700px at 5% -10%, rgba(35,255,211,.10), transparent 60%),
    radial-gradient(1000px 600px at 105% 0%, rgba(138,180,255,.10), transparent 60%),
    var(--bg);
  color:var(--txt);
  font:16px/1.7 Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial;
}
h1,h2,h3,h4,h5,h6{color:#fff !important}
a{color:#cfe2ff; text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--max); margin:0 auto; padding:clamp(24px,5vw,56px) 16px}
.section{padding: clamp(32px,6vw,72px) 0}
.h1{font-size:clamp(30px,5vw,52px); line-height:1.06; margin:0 0 12px}
.h2{font-size:clamp(22px,3.6vw,34px); line-height:1.12; margin:0 0 10px}
.lead{color:var(--dim); font-size:clamp(16px,2.1vw,18px)}
.muted{color:var(--dim)}
.card{background:linear-gradient(180deg,var(--card),#0d1430);
  border:1px solid var(--soft); border-radius:var(--r); padding:22px;
  box-shadow:var(--shadow); color:var(--txt)}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:13px 18px; border-radius:14px; text-decoration:none; font-weight:800;
  box-shadow:var(--shadow); transition:.25s transform, .25s box-shadow; white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn.primary{color:#001027; background:linear-gradient(135deg,var(--brand),var(--brand-2))}
.btn.ghost{color:var(--txt); background:rgba(255,255,255,.04); border:1px solid var(--soft)}
.badge{display:inline-flex; gap:8px; align-items:center; font-weight:800; font-size:12px;
  letter-spacing:.4px; text-transform:uppercase; color:#fff;
  background:linear-gradient(135deg,#18265e,#0e1b45); border:1px solid var(--soft);
  padding:8px 12px; border-radius:999px}
.grid-auto{display:grid; gap:var(--gap); grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.grid-2{display:grid; gap:var(--gap); grid-template-columns:1.1fr .9fr; align-items:center}
@media (max-width: 1024px){ .grid-2{grid-template-columns:1fr} }

.brand{display:flex; align-items:center; gap:10px;
  background:rgba(255,255,255,.05); border:1px solid var(--soft); padding:8px 12px; border-radius:999px; width:max-content}
.brand__img{width:28px; height:28px; border-radius:6px; background-image:var(--logo); background-size:cover; background-position:center; flex:0 0 28px}
.brand__txt{font-weight:800; letter-spacing:.2px; color:#fff; font-size:12px; text-transform:uppercase}

.illus{border:1px dashed var(--soft); border-radius:var(--R); display:grid; place-items:center;
  min-height:240px; background:linear-gradient(180deg, rgba(255,255,255,.06), transparent 40%);
  position:relative; overflow:hidden}
.watermark{position:absolute; inset:auto -30px -30px auto; width:150px; height:150px; opacity:.09; filter:grayscale(100%);
  background-image:var(--logo); background-size:contain; background-repeat:no-repeat; background-position:center; pointer-events:none; transform:rotate(-8deg)}
@media (max-width:1024px){ .illus{min-height:180px} .watermark{width:120px;height:120px;right:-24px;bottom:-24px} }

.feature-tiles{display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.tile{
  position:relative; border-radius:20px; padding:22px; overflow:hidden; background:linear-gradient(180deg,#0b1022,#0f1838);
  border:1px solid rgba(138,180,255,.18);
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.tile::before{
  content:""; position:absolute; inset:-1px; border-radius:22px;
  background:radial-gradient(120px 60px at 20% -20%, rgba(35,255,211,.25), transparent 60%),
           radial-gradient(120px 60px at 120% 20%, rgba(138,180,255,.22), transparent 60%);
  pointer-events:none; mix-blend:screen; opacity:.7;
}
.tile:hover{transform:translateY(-4px); box-shadow:0 20px 50px rgba(0,0,0,.5); border-color:rgba(35,255,211,.35)}
.tile__icon{width:44px; height:44px; border-radius:12px; display:grid; place-items:center;
  background:linear-gradient(135deg, rgba(35,255,211,.18), rgba(138,180,255,.18)); border:1px solid var(--soft); margin-bottom:12px}
.tile h3{margin:0 0 6px; font-size:20px}
.tile p{margin:0; color:var(--dim)}

.plan .cta-wrap{display:flex; gap:10px; align-items:center; flex-wrap:wrap; justify-content:flex-end}
.plan .cta-wrap .btn{min-width:180px}
@media (max-width:560px){
  .plan .cta-wrap{justify-content:flex-start}
  .plan .cta-wrap .btn{flex:1 1 auto; min-width:unset}
}

.faq-grid{display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.footer{background:linear-gradient(180deg,#070c1a,#060a15); border-top:1px solid var(--soft); color:var(--txt)}

/* ============ NAV ============ */
.dnn-nav{
  position:sticky; top:0; z-index:9999;
  background:rgba(15,16,32,.76); backdrop-filter: blur(8px);
  border-bottom:1px solid var(--dnn-soft);
  color:var(--dnn-txt);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
}
.dnn-nav__inner{ max-width:1120px; margin:0 auto; padding:10px 16px; display:flex; align-items:center; gap:12px; }
.dnn-burger{
  display:none; width:42px; height:42px; border:0; background:transparent; color:#fff;
  align-items:center; justify-content:center; cursor:pointer; line-height:0;
}
.dnn-burger:focus-visible{ outline:2px solid var(--dnn-accent); border-radius:12px; }
.dnn-burger svg.dnn-ico{ width:28px !important; height:28px !important; display:block !important; flex:0 0 auto; }
.dnn-burger svg.dnn-ico rect{ fill:none !important; stroke:#fff !important; stroke-width:2 !important; rx:6px; ry:6px; }
.dnn-brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:#fff!important; font-weight:900; letter-spacing:.2px; }
.dnn-brand span{ color:#fff!important; }
.dnn-nav .dnn-brand .dnn-logo{
  width:34px; height:34px; border-radius:8px;
  background:none !important;
  background-image:var(--dnn-logo) !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  display:inline-block; box-shadow:var(--dnn-shadow);
  text-indent:-9999px; overflow:hidden; color:transparent; line-height:0;
  flex:0 0 34px;
}
.dnn-spacer{ flex:1; }
.dnn-menu{ display:flex; align-items:center; gap:8px; }
.dnn-link{
  appearance:none; background:none; border:0; color:#fff!important;
  text-decoration:none; font-weight:700; padding:10px 12px; border-radius:10px;
  display:inline-flex; align-items:center; gap:8px;
}
.dnn-link:hover, .dnn-link:focus-visible{ background:rgba(255,255,255,.12); outline:none; }
.dnn-cta{
  color:#fff!important; background:linear-gradient(135deg,var(--dnn-accent),var(--dnn-accent-2));
  padding:10px 14px; border-radius:12px; box-shadow:var(--dnn-shadow);
}
.dnn-cta:hover{ transform:translateY(-1px); }
.dnn-dd{ position:relative; }
.dnn-dd-btn{ cursor:pointer; color:#fff!important; }
.dnn-dd-menu{
  position:absolute; top:100%; left:0; min-width:240px;
  background:var(--dnn-card); border:1px solid var(--dnn-soft); border-radius:12px;
  padding:8px; display:none; box-shadow:var(--dnn-shadow);
}
.dnn-dd[aria-expanded="true"] .dnn-dd-menu{ display:block; }
.dnn-dd a{
  display:flex; gap:8px; align-items:center; padding:10px; border-radius:10px;
  color:#fff!important; text-decoration:none;
}
.dnn-dd a:hover, .dnn-dd a:focus-visible{ background:rgba(255,255,255,.08); outline:none; }
.dnn-off{
  position:fixed; inset:0 0 0 auto; width:min(86vw,340px); background:var(--dnn-card);
  transform:translateX(100%); transition:transform .25s ease; z-index:10001;
  border-left:1px solid var(--dnn-soft); display:flex; flex-direction:column; color:#fff;
}
.dnn-off.open{ transform:none; }
.dnn-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.45); opacity:0; visibility:hidden; transition:.2s; z-index:10000; }
.dnn-overlay.show{ opacity:1; visibility:visible; }
.dnn-off header{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px; border-bottom:1px solid var(--dnn-soft); }
.dnn-off .list{ padding:10px; display:grid; gap:6px; }
.dnn-off a, .dnn-off button{
  text-align:left; padding:12px; border-radius:10px; color:#fff!important;
  background:none; border:0; font-weight:700; text-decoration:none;
}
.dnn-off a:hover, .dnn-off button:hover, .dnn-off a:focus-visible, .dnn-off button:focus-visible{ background:rgba(255,255,255,.08); outline:none; }
.dnn-off .sub{ margin-left:8px; border-left:2px solid var(--dnn-soft); padding-left:8px; display:grid; gap:6px; }
.dnn-off .cta{ margin:8px 10px 14px; }
@media (max-width: 1024px){
  .dnn-menu{ display:none; }
  .dnn-burger{ display:flex; }
  .dnn-nav .dnn-brand .dnn-logo{ width:36px; height:36px; }
}

/* ============ SELECT2 / My Account patches ============ */
/* Select fallback */
select {
  background: #ffffff !important;
  color: #0b1220 !important;
  border: 1px solid #d1d5db !important;
}

/* SELECT2 — SINGLE */
.select2-container--default .select2-selection--single{
  background: #ffffff !important;
  color: #0b1220 !important;
  border: 1px solid #d1d5db !important;
  border-radius: 12px !important;
  height: 44px !important;
  box-shadow: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  color: #0b1220 !important;
  line-height: 44px !important;
  padding-left: 12px !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: #6b7280 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 44px !important;
  right: 10px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color: #0b1220 transparent transparent transparent !important;
}

/* SELECT2 — MULTIPLE */
.select2-container--default .select2-selection--multiple{
  background: #ffffff !important;
  color: #0b1220 !important;
  border: 1px solid #d1d5db !important;
  border-radius: 12px !important;
  min-height: 44px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  background: #eef2f7 !important;
  color: #0b1220 !important;
  border: 1px solid #d1d5db !important;
}

/* Focus/open */
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default .select2-selection--multiple:focus,
.select2-container--default.select2-container--open .select2-selection--multiple{
  border-color: var(--cor-secundaria, #18d6ff) !important;
  box-shadow: 0 0 0 3px rgba(24,214,255,.18) !important;
  outline: 0 !important;
}

/* Dropdown */
.select2-dropdown{
  background: #ffffff !important;
  color: #0b1220 !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
}
.select2-results__option{ color: #0b1220 !important; }
.select2-results__option--highlighted{
  background: #e6f3ff !important; color: #0b1220 !important;
}

/* Search field inside dropdown */
.select2-search__field{
  background: #ffffff !important;
  color: #0b1220 !important;
  border: 1px solid #d1d5db !important;
}

/* Disabled */
.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--multiple{
  background: #f3f4f6 !important; color: #6b7280 !important; border-color: #e5e7eb !important;
}

/* Phone field contrast */
div.woocommerce form .form-row #billing_phone.input-text,
div.woocommerce form .form-row input[name="billing_phone"].input-text,
div.woocommerce form .form-row input[type="tel"].input-text {
  background: #ffffff !important;
  color: #0b1220 !important;
  border: 1px solid #d1d5db !important;
  -webkit-text-fill-color: #0b1220 !important;
  caret-color: #0b1220 !important;
}
#billing_phone::placeholder { color:#6b7280 !important; opacity:1 !important; }
#billing_phone:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #0b1220 !important;
}
div.woocommerce form .form-row input[type="tel"] {
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}

/* URL field (store_url) */
.dnn-hub-theme .woocommerce-MyAccount-content form input[type="url"],
.woocommerce form .form-row input[type="url"].input-text,
input[name="store_url"][type="url"] {
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
  border: 1px solid #d1d5db !important;
  caret-color: #0b1220 !important;
}
.dnn-hub-theme .woocommerce-MyAccount-content form input[type="url"]::placeholder,
input[name="store_url"]::placeholder { color: #6b7280 !important; opacity: 1 !important; }
.dnn-hub-theme .woocommerce-MyAccount-content form input[type="url"]:-webkit-autofill,
input[name="store_url"]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #0b1220 !important;
}
input[type="url"] {
  background: #ffffff !important;
  color: #0b1220 !important;
  -webkit-text-fill-color: #0b1220 !important;
}