/* Domain Authority Checker v6.3 - Brand Color: #794aff */
:root {
    --dac-brand: #794aff;
    --dac-brand-hover: #6a3de6;
    --dac-success: #22c55e;
    --dac-warning: #eab308;
    --dac-danger: #ef4444;
}

.dac-checker { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; max-width: 900px; margin: 20px auto; }
.dac-box { padding: 15px; }
.dac-header { text-align: center; margin-bottom: 25px; }
.dac-header h2 { font-size: 26px; margin: 0 0 8px; color: #1f2937; }
.dac-header p { color: #6b7280; margin: 0; font-size: 15px; }

/* Status Bar */
.dac-status-bar { display: flex; align-items: center;  justify-content: space-between; gap: 15px; background: #f8f9fa; padding: 12px 16px; border-radius: 10px; margin-bottom: 20px; font-size: 14px; flex-wrap: wrap; }
.dac-badge { padding: 4px 12px; border-radius: 20px; font-weight: 600; font-size: 13px; }
.dac-badge-free, .dac-badge { background: #dcfce7; color: #166534; }
.dac-badge-empty { background: #fee2e2; color: #991b1b; }
.dac-login-link { color: var(--dac-brand); text-decoration: none; font-weight: 600; }
.dac-login-link:hover { text-decoration: underline; }

/* Form - NEW LAYOUT */
.dac-form { margin-bottom: 20px; }
.dac-input-wrap { display: flex; background: #f3f4f6; border: 2px solid #e5e7eb; border-radius: 12px; overflow: hidden; transition: border-color 0.2s; margin-bottom: 15px; }
.dac-input-wrap:focus-within { border-color: var(--dac-brand); }
.dac-icon { padding: 0 14px; display: flex; align-items: center; font-size: 20px; background: #e5e7eb; }
#dac-domain { flex: 1; border: none; background: transparent; padding: 16px 14px; font-size: 16px; outline: none; min-width: 0; }
#dac-domain::placeholder { color: #9ca3af; }

/* reCAPTCHA */
.dac-recaptcha { display: flex; justify-content: center; margin-bottom: 15px; }

/* Full Width Button - BELOW INPUT */
.dac-btn-full { width: 100%; background: var(--dac-brand); color: #fff; border: none; padding: 16px 24px; font-size: 17px; font-weight: 600; cursor: pointer; transition: background 0.2s; border-radius: 12px; }
.dac-btn-full:hover { background: var(--dac-brand-hover); }
.dac-btn-full:disabled { background: #9ca3af; cursor: not-allowed; }

.dac-error { background: #fef2f2; border: 1px solid #fecaca; color: #dc2626; padding: 12px 16px; border-radius: 10px; margin-bottom: 15px; font-size: 14px; text-align: center; }

/* Results */
.dac-results { margin-top: 30px; }
.dac-results-head { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 20px; }
.dac-domain-name { font-size: 22px; font-weight: 700; color: #1f2937; }

.dac-api-status { text-align: center; margin-bottom: 15px; font-size: 13px; color: #059669; }
.dac-api-tag { display: inline-block; padding: 3px 10px; border-radius: 6px; font-size: 11px; font-weight: 600; margin: 0 3px; }
.dac-api-moz { background: #dbeafe; color: #1d4ed8; }
.dac-api-ahrefs { background: #fef3c7; color: #d97706; }
.dac-api-semrush { background: #dcfce7; color: #166534; }
.dac-api-whois { background: #f3e8ff; color: #7c3aed; }

.dac-api-warnings { background: #fef3c7; border: 1px solid #fcd34d; color: #92400e; padding: 12px 16px; border-radius: 10px; margin-bottom: 20px; font-size: 13px; text-align: center; }

/* Metrics Grid */
.dac-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
@media (max-width: 768px) { .dac-metrics { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .dac-metrics { grid-template-columns: 1fr; } }

.dac-metric { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 12px; padding: 18px; text-align: center; }
.dac-metric-val { font-size: 26px; font-weight: 800; color: #1f2937; }
.dac-metric-val.good { color: var(--dac-success); }
.dac-metric-val.ok { color: var(--dac-warning); }
.dac-metric-val.low, .dac-metric-val.bad { color: var(--dac-danger); }
.dac-metric-label { font-size: 11px; color: #6b7280; text-transform: uppercase; margin-top: 5px; font-weight: 600; letter-spacing: 0.5px; }

.dac-metric-score { grid-column: span 4; background: linear-gradient(135deg, var(--dac-brand), #a78bfa); border: none; }
.dac-metric-score .dac-metric-val, .dac-metric-score .dac-metric-label { color: #fff; }
@media (max-width: 768px) { .dac-metric-score { grid-column: span 2; } }
@media (max-width: 480px) { .dac-metric-score { grid-column: span 1; } }

/* Popups */
.dac-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; z-index: 999999; padding: 20px; backdrop-filter: blur(4px); }
.dac-popup-box { background: #fff; border-radius: 20px; padding: 35px; max-width: 400px; width: 100%; position: relative; text-align: center; animation: popIn 0.3s ease; }
@keyframes popIn { from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.dac-popup-close { position: absolute; top: 12px; right: 12px; background: none; border: none; font-size: 28px; cursor: pointer; color: #9ca3af; width: 36px; height: 36px; border-radius: 50%; transition: all 0.2s; }
.dac-popup-close:hover { background: #f3f4f6; color: #374151; }
.dac-popup-icon { font-size: 48px; margin-bottom: 15px; }
.dac-popup-box h3 { margin: 0 0 12px; font-size: 22px; color: #1f2937; }
.dac-popup-box p { color: #6b7280; margin: 0 0 12px; font-size: 15px; line-height: 1.5; }
.dac-countdown { font-size: 18px; color: var(--dac-brand); margin: 20px 0; font-weight: 600; }
.dac-popup-divider { display: flex; align-items: center; margin: 20px 0; }
.dac-popup-divider::before, .dac-popup-divider::after { content: ''; flex: 1; height: 1px; background: #e5e7eb; }
.dac-popup-divider span { padding: 0 15px; color: #9ca3af; font-size: 13px; font-weight: 500; }
.dac-popup-buttons { display: flex; gap: 12px; justify-content: center; margin-top: 20px; }
.dac-btn-primary { background: var(--dac-brand); color: #fff; border: none; padding: 12px 28px; border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; text-decoration: none; transition: background 0.2s; display: inline-block; }
.dac-btn-primary:hover { background: var(--dac-brand-hover); color: #fff; }
.dac-btn-secondary { background: #f3f4f6; color: #374151; border: none; padding: 12px 28px; border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; text-decoration: none; transition: background 0.2s; display: inline-block; }
.dac-btn-secondary:hover { background: #e5e7eb; color: #374151; }
.dac-highlight { color: var(--dac-brand); }