/* DOW Prețuri domenii
   Culorile vin din setările pluginului; o temă le poate schimba redefinind variabilele pe .dow-dp. */

.dow-dp{
--dow-dp-accent:#0f6fb8;
--dow-dp-highlight:#d7263d;
--dow-dp-ink:#0c1824;
--dow-dp-muted:color-mix(in srgb,var(--dow-dp-ink) 74%,#fff);
--dow-dp-border:color-mix(in srgb,var(--dow-dp-ink) 11%,#fff);
--dow-dp-border-input:color-mix(in srgb,var(--dow-dp-ink) 16%,#fff);
--dow-dp-card:#fff;
--dow-dp-radius:14px;
--dow-dp-shadow:0 18px 40px -24px color-mix(in srgb,var(--dow-dp-accent) 45%,transparent)
}

/* Așezarea, titlul și nota au specificitate zero, ca stilurile temei să aibă prioritate. */
:where(.dow-dp){display:flex;flex-direction:column;gap:20px}
:where(.dow-dp-title){margin:0;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--dow-dp-ink)}
:where(.dow-dp-note){margin:0;font-size:14px;color:var(--dow-dp-muted)}

.dow-dp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.dow-dp-box{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 12px;border:1px solid var(--dow-dp-border);border-radius:var(--dow-dp-radius);text-align:center;text-decoration:none;color:var(--dow-dp-ink);background:var(--dow-dp-card);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.dow-dp-box:hover,.dow-dp-box:focus-visible{color:var(--dow-dp-ink);text-decoration:none;border-color:var(--dow-dp-accent);transform:translateY(-2px);box-shadow:var(--dow-dp-shadow)}
.dow-dp-flag{display:block;width:40px;height:40px;max-width:none;margin:0 0 8px;border-radius:50%;box-shadow:0 0 0 1px var(--dow-dp-border)}
.dow-dp-badge{--dow-dp-tone:#0f6fb8;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:8px;border-radius:50%;color:var(--dow-dp-tone);background:color-mix(in srgb,var(--dow-dp-tone) 12%,#fff)}
.dow-dp-badge svg{width:22px;height:22px}
.dow-dp-badge--teal{--dow-dp-tone:#0f8a7e}
.dow-dp-badge--violet{--dow-dp-tone:#6d4bc3}
.dow-dp-badge--amber{--dow-dp-tone:#b7791f}
.dow-dp-badge--rose{--dow-dp-tone:#d7263d}
.dow-dp-ext{font-size:18px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.dow-dp-price{font-size:14px;font-weight:600;color:var(--dow-dp-muted)}

.dow-dp-dialog{position:fixed;width:min(420px,calc(100vw - 32px));padding:28px 24px 24px;border:0;border-radius:16px;color:var(--dow-dp-ink);background:#fff;box-shadow:0 24px 48px -24px color-mix(in srgb,var(--dow-dp-ink) 25%,transparent)}
.dow-dp-dialog::backdrop{background:color-mix(in srgb,var(--dow-dp-ink) 55%,transparent)}
.dow-dp-dialog h3{margin:0;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--dow-dp-ink)}
.dow-dp-dialog-price{margin:4px 0 18px;font-size:14px;font-weight:600;color:var(--dow-dp-highlight)}
.dow-dp-dialog form{display:flex;flex-direction:column;gap:12px;margin:0}
.dow-dp-dialog-field{display:flex;align-items:center;border:1px solid var(--dow-dp-border-input);border-radius:10px;background:#fff}
.dow-dp-dialog-field:focus-within{border-color:var(--dow-dp-accent)}
.dow-dp-dialog-field input{flex:1;min-width:0;margin:0;padding:12px 14px;border:0;outline:0;box-shadow:none;background:transparent;color:inherit;font:inherit;font-size:16px}
.dow-dp-dialog-field span{padding-right:14px;font-weight:700;white-space:nowrap}
.dow-dp-submit{display:block;width:100%;padding:13px 20px;border:0;border-radius:10px;font:inherit;font-size:15px;font-weight:700;color:#fff;background:var(--dow-dp-accent);cursor:pointer;transition:filter .15s ease}
.dow-dp-submit:hover{filter:brightness(1.1)}
.dow-dp-dialog-close{position:absolute;top:8px;right:8px;width:36px;height:36px;padding:0;border:0;background:transparent;color:var(--dow-dp-muted);font-size:24px;line-height:1;cursor:pointer}

@media (max-width:640px){
:where(.dow-dp-title){font-size:22px}
}