/* ============================================================
   AI Domain Appraisal v3 – style.css
   Includes original styles + auth modal + status bar additions
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500;600;700&display=swap');

/* ── Container ──────────────────────────────────────────────── */
#aidna-main-container,
.aidna-container,
div.aidna-container {
    max-width: 1200px !important;
    margin: 40px auto !important;
    padding: 20px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    box-sizing: border-box !important;
}
.aidna-container *,
.aidna-container *::before,
.aidna-container *::after { box-sizing: border-box !important; }

.elementor-widget-container .aidna-container,
.gem-wrapper .aidna-container,
body .aidna-container {
    all: unset;
    display: block !important;
    max-width: 1200px !important;
    margin: 40px auto !important;
    padding: 20px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

/* ── Search Bar ─────────────────────────────────────────────── */
.aidna-search-wrapper,
.aidna-container .aidna-search-wrapper,
#aidna-main-container .aidna-search-wrapper {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: #ffffff !important;
    border-radius: 60px !important;
    padding: 8px 12px 8px 32px !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important;
    flex-wrap: nowrap !important;
    position: relative !important;
}
@media screen and (max-width: 768px) {
    .aidna-search-wrapper input { font-size: 16px !important; }
}
.aidna-search-wrapper input,
.aidna-container .aidna-search-wrapper input {
    flex: 1 !important;
    border: none !important;
    outline: none !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 18px !important;
    padding: 18px 15px !important;
    color: #333 !important;
    background: transparent !important;
    line-height: 1.4 !important;
    height: auto !important;
    min-height: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}
.aidna-search-wrapper input::placeholder { color: #999 !important; font-size: 16px !important; opacity: 1 !important; }
.aidna-search-wrapper button,
.aidna-container .aidna-search-wrapper button {
    min-width: 60px !important;
    width: 60px !important;
    height: 60px !important;
    border: none !important;
    border-radius: 50% !important;
    background: linear-gradient(45deg, #ff6b6b, #ffa500) !important;
    color: #fff !important;
    font-size: 22px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.2s ease !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.aidna-search-wrapper button:hover { transform: scale(1.08) !important; }
.aidna-search-wrapper button:active { transform: scale(0.98) !important; }
.aidna-search-wrapper button svg { width: 24px !important; height: 24px !important; stroke: currentColor !important; }

/* ── Status Bar ─────────────────────────────────────────────── */
.aidna-status-bar {
    text-align: center !important;
    margin: 0 auto 36px !important;
    max-width: 900px !important;
}
.aidna-badge {
    display: inline-block !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}
.aidna-badge a { color: inherit !important; text-decoration: underline !important; }
.aidna-badge-green  { background: linear-gradient(135deg, #00a32a, #007a1e) !important; color: #fff !important; }
.aidna-badge-blue   { background: linear-gradient(135deg, #2271b1, #135e96) !important; color: #fff !important; }
.aidna-badge-red    { background: linear-gradient(135deg, #d63638, #b91c1c) !important; color: #fff !important; }
.aidna-badge-purple { background: linear-gradient(135deg, #667eea, #764ba2) !important; color: #fff !important; }

/* ── Modal Base ─────────────────────────────────────────────── */
.aidna-modal {
    position: fixed !important;
    z-index: 999999 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0,0,0,0.72) !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}
.aidna-modal-content {
    background: #fff !important;
    padding: 40px !important;
    border-radius: 20px !important;
    max-width: 520px !important;
    width: 100% !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3) !important;
    animation: aidna-slideUp 0.3s ease !important;
    position: relative !important;
    max-height: 92vh !important;
    overflow-y: auto !important;
}
.aidna-auth-modal-content { max-width: 480px !important; }
.aidna-modal-close {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    background: transparent !important;
    border: none !important;
    font-size: 32px !important;
    color: #999 !important;
    cursor: pointer !important;
    line-height: 1 !important;
    padding: 4px !important;
    transition: color 0.2s !important;
}
.aidna-modal-close:hover { color: #333 !important; }
@keyframes aidna-slideUp {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Modal Header ───────────────────────────────────────────── */
.aidna-modal-header { text-align: center !important; margin-bottom: 24px !important; }
.aidna-modal-logo { font-size: 48px !important; margin-bottom: 10px !important; }
.aidna-modal-header h2 {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin: 0 0 8px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
.aidna-modal-header p {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 15px !important;
    color: #666 !important;
    margin: 0 !important;
}

/* ── Auth Tabs ──────────────────────────────────────────────── */
.aidna-auth-tabs {
    display: flex !important;
    border-radius: 10px !important;
    background: #f3f4f6 !important;
    padding: 4px !important;
    margin-bottom: 24px !important;
}
.aidna-tab-btn {
    flex: 1 !important;
    padding: 10px !important;
    border: none !important;
    background: transparent !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #666 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.aidna-tab-btn.active {
    background: #fff !important;
    color: #667eea !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}
.aidna-tab-panel { display: none !important; }
.aidna-tab-panel.active { display: block !important; }

/* ── Form Elements ──────────────────────────────────────────── */
.aidna-form-group { margin-bottom: 18px !important; }
.aidna-form-group label {
    display: block !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #555 !important;
    margin-bottom: 6px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.req { color: #d63638 !important; }
.aidna-form-group input[type="text"],
.aidna-form-group input[type="email"],
.aidna-form-group input[type="password"],
.aidna-form-group input[type="tel"] {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 10px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 16px !important;
    transition: border-color 0.2s !important;
    outline: none !important;
    color: #333 !important;
    background: #fff !important;
}
.aidna-form-group input:focus { border-color: #667eea !important; }
.aidna-password-wrapper { position: relative !important; }
.aidna-password-wrapper input { padding-right: 48px !important; }
.aidna-toggle-pw {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 18px !important;
    color: #999 !important;
    padding: 0 !important;
    line-height: 1 !important;
}
.aidna-checkbox-label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 14px !important;
    color: #555 !important;
    font-weight: 400 !important;
}
.aidna-checkbox-label input[type="checkbox"] { width: 18px !important; height: 18px !important; cursor: pointer !important; }
.aidna-form-error {
    background: #fef2f2 !important;
    color: #b91c1c !important;
    border: 1px solid #fecaca !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    margin-bottom: 14px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}
.aidna-form-legal,
.aidna-form-links {
    text-align: center !important;
    font-size: 12px !important;
    color: #999 !important;
    margin: 12px 0 0 !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}
.aidna-form-legal a,
.aidna-form-links a { color: #667eea !important; text-decoration: none !important; }
.aidna-form-legal a:hover,
.aidna-form-links a:hover { text-decoration: underline !important; }

/* ── Submit Button ──────────────────────────────────────────── */
.aidna-submit-btn {
    width: 100% !important;
    padding: 15px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 10px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    text-align: center !important;
    letter-spacing: 0.3px !important;
}
.aidna-submit-btn:hover:not(:disabled) {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4) !important;
}
.aidna-submit-btn:disabled { opacity: 0.6 !important; cursor: not-allowed !important; }

/* ── Loading ────────────────────────────────────────────────── */
#aidna-loading { text-align: center !important; padding: 60px 20px !important; }
.aidna-spinner {
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto 20px !important;
    border: 5px solid #f3f3f3 !important;
    border-top: 5px solid #667eea !important;
    border-radius: 50% !important;
    animation: aidna-spin 1s linear infinite !important;
}
@keyframes aidna-spin { 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }
#aidna-loading p { font-size: 20px !important; color: #666 !important; font-weight: 500 !important; margin: 0 !important; font-family: 'Roboto Condensed', sans-serif !important; }

/* ── Domain display ─────────────────────────────────────────── */
.aidna-domain-display { text-align: center !important; margin-bottom: 40px !important; }
.aidna-domain-display h2 {
    font-size: 48px !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    line-height: 1.2 !important;
    display: inline !important;
}

/* ── Sections ───────────────────────────────────────────────── */
.aidna-section { background: white !important; border-radius: 20px !important; padding: 30px !important; margin-bottom: 30px !important; box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important; }
.aidna-section-header { display: flex !important; align-items: center !important; gap: 15px !important; margin-bottom: 20px !important; padding-bottom: 15px !important; border-bottom: 2px solid #f0f0f0 !important; }
.aidna-section-header svg { width: 32px !important; height: 32px !important; stroke: #667eea !important; }
.aidna-section-header h3 { font-family: 'Roboto Condensed', sans-serif !important; font-size: 24px !important; font-weight: 600 !important; color: #333 !important; margin: 0 !important; }
.aidna-section-content { font-family: 'Roboto Condensed', sans-serif !important; font-size: 16px !important; line-height: 1.8 !important; color: #555 !important; }
.aidna-segmentation .aidna-section-content { background: linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1)) !important; padding: 20px !important; border-radius: 12px !important; font-size: 22px !important; font-weight: 600 !important; text-align: center !important; color: #667eea !important; }

/* ── Valuations ─────────────────────────────────────────────── */
.aidna-valuations { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 25px !important; margin-bottom: 30px !important; width: 100% !important; }
.aidna-valuation-card { background: #fff !important; border-radius: 20px !important; padding: 30px 25px !important; box-shadow: 0 10px 30px rgba(0,0,0,.1) !important; transition: all .3s !important; border: 2px solid transparent !important; width: 100% !important; box-sizing: border-box !important; }
.aidna-valuation-card:hover { transform: translateY(-8px) !important; box-shadow: 0 15px 40px rgba(0,0,0,.15) !important; }
.aidna-wholesale { border-color: #667eea !important; }
.aidna-midrange  { border-color: #f093fb !important; }
.aidna-enduser   { border-color: #4facfe !important; }
.aidna-card-header { display: flex !important; align-items: center !important; gap: 12px !important; margin-bottom: 20px !important; }
.aidna-card-header svg { width: 32px !important; height: 32px !important; flex-shrink: 0 !important; }
.aidna-wholesale .aidna-card-header svg { stroke: #667eea !important; }
.aidna-midrange  .aidna-card-header svg { stroke: #f093fb !important; }
.aidna-enduser   .aidna-card-header svg { stroke: #4facfe !important; }
.aidna-card-header h3 { font-size: 20px !important; font-weight: 600 !important; margin: 0 !important; color: #333 !important; font-family: 'Roboto Condensed', sans-serif !important; }
.aidna-price { font-size: 36px !important; font-weight: 700 !important; margin: 15px 0 !important; text-align: center !important; letter-spacing: -1px !important; font-family: 'Roboto Condensed', sans-serif !important; }
.aidna-wholesale .aidna-price { color: #667eea !important; }
.aidna-midrange  .aidna-price { color: #f093fb !important; }
.aidna-enduser   .aidna-price { color: #4facfe !important; }
.aidna-description { font-size: 14px !important; color: #666 !important; text-align: center !important; margin: 0 !important; font-family: 'Roboto Condensed', sans-serif !important; }

/* ── Strengths & Weaknesses ─────────────────────────────────── */
.aidna-sw-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 30px !important; }
.aidna-strengths h4 { font-family: 'Roboto Condensed', sans-serif !important; font-size: 18px !important; font-weight: 600 !important; color: #10b981 !important; margin: 0 0 15px !important; }
.aidna-weaknesses h4 { font-family: 'Roboto Condensed', sans-serif !important; font-size: 18px !important; font-weight: 600 !important; color: #ef4444 !important; margin: 0 0 15px !important; }
.aidna-strengths ul, .aidna-weaknesses ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.aidna-strengths li, .aidna-weaknesses li { font-family: 'Roboto Condensed', sans-serif !important; font-size: 15px !important; color: #555 !important; padding: 8px 0 8px 25px !important; position: relative !important; line-height: 1.6 !important; }
.aidna-strengths li:before { content:"✓" !important; position:absolute !important; left:0 !important; color:#10b981 !important; font-weight:bold !important; }
.aidna-weaknesses li:before { content:"✗" !important; position:absolute !important; left:0 !important; color:#ef4444 !important; font-weight:bold !important; }

/* ── Factor Bars ─────────────────────────────────────────────── */
.aidna-factors-grid { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)) !important; gap: 20px !important; }
.aidna-factor-item { padding: 18px !important; background: linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05)) !important; border-radius: 12px !important; }
.aidna-factor-label { display: flex !important; justify-content: space-between !important; font-family: 'Roboto Condensed', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #555 !important; text-transform: uppercase !important; margin-bottom: 8px !important; }
.aidna-factor-bar { background: #e5e7eb !important; border-radius: 6px !important; height: 10px !important; overflow: hidden !important; }
.aidna-factor-fill { height: 10px !important; border-radius: 6px !important; transition: width 0.6s ease !important; }

/* ── Market / Verdict ───────────────────────────────────────── */
.aidna-market .aidna-section-content,
.aidna-verdict .aidna-section-content { line-height: 1.8 !important; font-size: 16px !important; }

/* ── CTA ─────────────────────────────────────────────────────── */
.aidna-cta-section { background: linear-gradient(135deg,#667eea,#764ba2) !important; border-radius: 20px !important; padding: 50px 40px !important; text-align: center !important; margin-top: 40px !important; box-shadow: 0 15px 40px rgba(102,126,234,.3) !important; }
.aidna-cta-content h3 { font-family: 'Roboto Condensed', sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #fff !important; margin: 0 0 15px !important; }
.aidna-cta-content p { font-family: 'Roboto Condensed', sans-serif !important; font-size: 18px !important; color: rgba(255,255,255,.9) !important; margin: 0 0 30px !important; line-height: 1.6 !important; }
.aidna-cta-button { display: inline-block !important; background: #fff !important; color: #667eea !important; padding: 18px 40px !important; border-radius: 50px !important; font-family: 'Roboto Condensed', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; text-decoration: none !important; transition: all .3s !important; box-shadow: 0 5px 20px rgba(0,0,0,.2) !important; }
.aidna-cta-button:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 30px rgba(0,0,0,.3) !important; color: #667eea !important; }
.aidna-cta-subtext { font-size: 14px !important; color: rgba(255,255,255,.8) !important; margin-top: 15px !important; }

/* ── Error ──────────────────────────────────────────────────── */
.aidna-error { background: #fee !important; color: #c33 !important; padding: 20px !important; border-radius: 12px !important; text-align: center !important; font-size: 16px !important; margin-top: 20px !important; font-family: 'Roboto Condensed', sans-serif !important; }

/* ── Responsive ─────────────────────────────────────────────── */
@media only screen and (max-width: 968px) {
    .aidna-valuations { grid-template-columns: 1fr !important; gap: 20px !important; }
    .aidna-sw-grid { grid-template-columns: 1fr !important; gap: 25px !important; }
    .aidna-domain-display h2 { font-size: 36px !important; }
    .aidna-factors-grid { grid-template-columns: repeat(2,1fr) !important; }
}
@media only screen and (max-width: 768px) {
    .aidna-container, #aidna-main-container { padding: 15px !important; }
    .aidna-search-wrapper { flex-direction: row !important; border-radius: 50px !important; padding: 6px !important; gap: 8px !important; max-width: 100% !important; }
    .aidna-search-wrapper input { padding: 14px 16px !important; font-size: 15px !important; }
    .aidna-search-wrapper button { width: 48px !important; min-width: 48px !important; height: 48px !important; }
    .aidna-domain-display h2 { font-size: 28px !important; }
    .aidna-section { padding: 25px 20px !important; }
    .aidna-modal-content { padding: 30px 20px !important; }
    .aidna-cta-section { padding: 40px 25px !important; }
    .aidna-factors-grid { grid-template-columns: 1fr !important; }
}
@media only screen and (max-width: 480px) {
    .aidna-container, #aidna-main-container { padding: 12px !important; margin: 20px auto !important; }
    .aidna-domain-display h2 { font-size: 22px !important; word-break: break-word !important; }
    .aidna-price { font-size: 28px !important; }
    .aidna-auth-tabs { flex-direction: column !important; }
    .aidna-cta-content h3 { font-size: 22px !important; }
}