/* aiso-widget.css - v3.1 Styling - Orange Analyze Btn, Disclaimer Style */

/* --- Base Setup --- */
#aiso-analyzer-widget-container > h2 {
    display: none;
}
#aiso-analyzer-widget-container {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
    color: #343A40;
}

/* Styles for Initial State */
.aiso-widget-initial {
    max-width: 750px;
    margin: 20px auto;
    padding: 15px; /* Adjusted padding */
    /* Removed background/border/shadow for subtle look */
}

.aiso-widget-initial .input-group {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: stretch;
    margin-bottom: 15px; /* Space before disclaimer */
}

.aiso-widget-initial .input-group input[type="url"] {
    flex-grow: 1;
    min-width: 250px;
    padding: 10px 12px;
    border: 1px solid #70788A;
    border-radius: 4px;
    font-size: 16px;
    color: #343A40;
    font-family: 'Open Sans', sans-serif;
}
.aiso-widget-initial .input-group input[type="url"]:focus {
    border-color: #1D92AB;
    outline: none;
}
.aiso-widget-initial .input-group input[type="url"]::placeholder {
     color: #70788A;
}

/* <<< CHANGE: Analyze button color updated >>> */
.aiso-widget-initial .input-group button#aiso-analyze-button {
    background: #FF5722; /* Use var(--accent) - Orange */
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    font-family: 'Montserrat', sans-serif;
    flex-shrink: 0;
    line-height: 1.6;
}
.aiso-widget-initial .input-group button#aiso-analyze-button:hover:not(:disabled) {
    background-color: #e04a18; /* Darker orange */
}
.aiso-widget-initial .input-group button#aiso-analyze-button:disabled {
     background-color: #AAAEB9;
     cursor: not-allowed;
}
/* <<< END CHANGE >>> */

/* <<< NEW: Style for Disclaimer Text >>> */
#aiso-disclaimer {
    font-size: 13px;
    line-height: 1.5;
    color: #70788A; /* Medium Gray */
    text-align: center;
    margin-top: 15px;
    padding: 0 10px; /* Add some horizontal padding */
}
/* <<< END NEW >>> */


/* Status message shown in initial state on error */
.aiso-widget-initial .status-message {
    margin-top: 15px;
    padding: 10px 15px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}


/* Styles for Results/Form State (Designer's .container is the overall wrapper) */
#aiso-analyzer-widget-container .container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
}

/* (Rest of the styles for .alert, .results-section, .form-section etc. remain identical to v3.0) */
.alert {
    background-color: #1A2A42;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    transition: background-color 0.3s ease;
}
.alert p { margin: 0; font-weight: 600; color: white; }
.alert span { font-size: 0.9em; opacity: 0.8; }

.results-section {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    padding: 25px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}
.score-container {
    width: 35%;
    text-align: center;
    padding-right: 25px;
    border-right: 1px solid #e5e5e5;
}
.score-value {
    font-size: 64px;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
    color: #FF5722;
    line-height: 1;
    margin-bottom: 5px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
    position: relative;
    display: inline-block;
}
.score-value::after {
    content: ''; position: absolute; width: 120%; height: 120%;
    top: -10%; left: -10%;
    background: radial-gradient(circle, rgba(255,87,34,0.1) 0%, rgba(255,255,255,0) 70%);
    z-index: -1; border-radius: 50%; pointer-events: none;
}
.score-label {
    font-size: 16px; font-family: 'Open Sans', sans-serif; color: #70788A;
}
.summary-container { width: 65%; padding-left: 25px; }
.summary-content {
    color: #70788A; margin: 0; font-family: 'Open Sans', sans-serif;
    font-size: 16px; line-height: 1.6;
}
.highlight {
    background-color: rgba(29, 146, 171, 0.1); padding: 2px 4px;
    border-radius: 3px; color: #1D92AB; font-weight: 600;
}
.form-section {
    background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    padding: 30px; margin-bottom: 40px;
}
.form-section h2 {
    font-family: 'Montserrat', sans-serif; font-weight: 800; color: #1A2A42;
    margin-top: 0; margin-bottom: 20px; font-size: 24px; text-align: center;
}
.form-section > p {
    margin-top: 0; margin-bottom: 30px; color: #70788A; text-align: center;
    font-size: 16px; max-width: 600px; margin-left: auto; margin-right: auto;
}
.form-row { margin-bottom: 20px; }
.form-row label {
    display: block; margin-bottom: 8px; font-weight: 600; color: #1A2A42;
    font-family: 'Open Sans', sans-serif; font-size: 16px; padding-top: 0;
}
.form-row input[type="text"], .form-row input[type="email"] {
    width: 100%; padding: 12px 15px; border: 1px solid #e5e5e5; border-radius: 4px;
    font-size: 16px; font-family: 'Open Sans', sans-serif; transition: border-color 0.2s;
    box-sizing: border-box; color: #343A40;
}
.form-row input[type="text"]::placeholder, .form-row input[type="email"]::placeholder {
    color: #70788A;
}
.form-row input[type="text"]:focus, .form-row input[type="email"]:focus {
    border-color: #1D92AB; outline: none;
}
.form-row.checkbox { display: flex; align-items: flex-start; }
.form-row.checkbox input[type="checkbox"]#aiso-consent {
    width: auto; margin-right: 10px; margin-top: 5px; flex-shrink: 0;
}
.form-row.checkbox label[for="aiso-consent"] {
    font-weight: 400; color: #70788A; font-size: 14px; line-height: 1.5;
    margin-bottom: 0;
}
.form-row.checkbox label[for="aiso-consent"] a {
    color: #1D92AB; text-decoration: underline; font-weight: 600;
}
.form-row.checkbox label[for="aiso-consent"] a:hover { color: #167d91; }
.recaptcha {
    margin-top: 25px; margin-bottom: 25px; display: flex; justify-content: center;
}
#hcaptcha-placeholder {}
#hcaptcha-render-target > div { margin: 0 auto !important; }
button.cta-button#aiso-get-report-button {
    background: #FF5722; color: #fff; border: none; border-radius: 4px;
    padding: 15px 25px; font-size: 18px; font-weight: 700;
    font-family: 'Montserrat', sans-serif; cursor: pointer; width: 100%;
    transition: background-color 0.2s;
}
button.cta-button#aiso-get-report-button:hover:not(:disabled) { background-color: #e04a18; }
button.cta-button#aiso-get-report-button:disabled { background-color: #AAAEB9; cursor: not-allowed; }
.footer-links { text-align: center; margin-top: 20px; margin-bottom: 20px; }
.footer-links a#aiso-check-another {
    color: #1D92AB; text-decoration: none; margin: 0 15px;
    font-size: 14px; font-weight: 600;
}
.footer-links a#aiso-check-another:hover { text-decoration: underline; }

@media (max-width: 768px) {
    .results-section { flex-direction: column; text-align: center; padding: 20px; }
    .score-container { width: 100%; padding-right: 0; padding-bottom: 20px; margin-bottom: 20px; border-right: none; border-bottom: 1px solid #e5e5e5; }
    .score-value { font-size: 56px; }
    .summary-container { width: 100%; padding-left: 0; }
    .summary-content { font-size: 15px; }
    .form-section { padding: 20px; }
    .form-section h2 { font-size: 22px; }
    .form-section > p { font-size: 15px; }
    .form-row label { font-size: 15px; }
    .form-row input[type="text"], .form-row input[type="email"] { font-size: 15px; }
    .form-row.checkbox label[for="aiso-consent"] { font-size: 13px; }
    button.cta-button#aiso-get-report-button { padding: 12px 20px; font-size: 16px; }
    .footer-links a#aiso-check-another { font-size: 13px; }
}
/* Add any additional styles needed below */