:root {
    --brand-orange: #F97316;

    /* Main orange from Humblytics */
    --primary-text: #111827;

    /* Darkest text */
    --secondary-text: #374151;

    /* Medium dark text */
    --tertiary-text: #6B7280;

    /* Lighter text / muted */
    --border-color: #D1D5DB;

    /* Light gray for borders */
    --light-bg: #F9FAFB;

    /* Very light gray for section backgrounds */
    --default-bg: #FFFFFF;

    /* Default white background */
    --button-dark-bg: #1F2937;

    /* Dark button background */
}

body {
    font-family: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    background-color: var(--default-bg);
    color: var(--secondary-text);
}

/* Header */
.main-header {
    background-color: var(--default-bg);
    border-bottom: 1px solid var(--border-color);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.humblytics-logo {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--primary-text);
    text-decoration: none;
}

.humblytics-logo .logo-x {
    color: var(--brand-orange);
}

.main-header .nav-link {
    color: var(--secondary-text);
    font-weight: 500;
}

.main-header .nav-link:hover {
    color: var(--brand-orange);
}

.main-header .btn-dark-cta {
    background-color: var(--button-dark-bg);
    color: white;
    font-weight: 500;
    border-radius: 0.375rem;
    padding: 0.5rem 1rem;
}

.main-header .btn-dark-cta:hover {
    background-color: #374151;
    color: white;
}

.main-header .btn-outline-cta {
    color: var(--secondary-text);
    border-color: var(--border-color);
    font-weight: 500;
    border-radius: 0.375rem;
    padding: 0.5rem 1rem;
}

.main-header .btn-outline-cta:hover {
    background-color: var(--light-bg);
    color: var(--primary-text);
}

/* Hero Section */
.hero-section-styled {
    background-color: var(--default-bg);
    padding: 5rem 0;
    text-align: center;
}

.hero-section-styled h1 {
    font-size: 3.5rem;

    /* Increased size */
    font-weight: 800;

    /* Bolder */
    color: var(--primary-text);
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.hero-section-styled .lead-styled {
    font-size: 1.25rem;
    color: var(--secondary-text);
    margin-bottom: 2.5rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.btn-brand-orange-cta {
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
    color: white;
    padding: 0.875rem 2rem;
    font-weight: bold;
    border-radius: 0.375rem;
    font-size: 1.1rem;
}

.btn-brand-orange-cta:hover {
    background-color: #DD6B20;

    /* Darker orange */
    border-color: #DD6B20;
    color: white;
}

.hero-features {
    list-style: none;
    padding-left: 0;
    gap: 1.5rem;

    /* Replaces Bootstrap's default gap for d-flex */
}

.hero-features li {
    font-size: 0.95rem;
    color: var(--secondary-text);
}

.hero-features .bi-check-circle-fill {
    color: var(--brand-orange);

    /* Use brand orange for checkmarks */
    margin-right: 0.35rem;
    font-size: 1.1em;

    /* Slightly larger checkmark */
}

.social-proof {
    margin-top: 2rem;
    color: var(--tertiary-text);
    font-size: 0.9rem;
}

.social-proof .avatars-placeholder {
    /* Basic placeholder for avatars */
    display: flex;
    margin-right: 0.75rem;
}

.social-proof .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #E5E7EB;

    /* Light gray */
    border: 2px solid white;
    margin-left: -10px;

    /* Overlap effect */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: var(--tertiary-text);
}

.social-proof .avatar:first-child {
    margin-left: 0;
}

/* Dashboard Preview Section */
.section-calc,
.section-reg {
    padding-bottom: 4rem;

    /* Adjusted padding */
}

.dashboard-placeholder {
    background-color: #F3F4F6;

    /* Light gray, as in image */
    border-radius: 12px;

    /* Rounded corners */
    padding: 1rem;

    /* Padding for the outer box */
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.07), 0 4px 6px -2px rgba(0,0,0,0.05);
    min-height: 450px;

    /* Approximate height */
    display: flex;
    flex-direction: column;
}

.dashboard-placeholder-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #E5E7EB;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;

    /* Allow wrapping on smaller screens */
}

.dashboard-placeholder-nav span,
.dashboard-placeholder-actions span {
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-size: 0.8rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;

    /* For wrapping */
    display: inline-block;
}

.dashboard-placeholder-nav .app-name {
    background-color: #E5E7EB;
    color: #4B5563;
}

.dashboard-placeholder-nav .nav-item-mock {
    background-color: var(--default-bg);
    border: 1px solid #E5E7EB;
    color: var(--secondary-text);
}

.dashboard-placeholder-actions .action-btn-mock {
    background-color: var(--button-dark-bg);
    color: white;
    cursor: default;
}

.dashboard-placeholder-content {
    flex-grow: 1;
    background-color: var(--default-bg);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tertiary-text);
    font-size: 1rem;
    padding: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 H90 V90 H10Z' fill='none' stroke='%23E5E7EB' stroke-width='2'/%3E%3Cpolyline points='20,70 35,50 50,65 65,40 80,60' fill='none' stroke='%23D1D5DB' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    min-height: 200px;
}

/* General Section Styling */
.section-styled {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.section-styled.light-bg {
    background-color: var(--light-bg);
}

.section-heading-styled {
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary-text);
    margin-bottom: 1rem;
    text-align: center;
}

.section-subheading-styled {
    font-size: 1.1rem;
    color: var(--secondary-text);
    margin-bottom: 3rem;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Icon Box from "Mes galime jums padėti" */
.icon-box-styled .icon-display {
    color: var(--brand-orange);
    margin-bottom: 1rem;
    font-size: 2.5rem;

    /* Bootstrap display-4 is too big */
    transition: transform 0.3s ease;
}

.icon-box-styled:hover .icon-display {
    transform: scale(1.1);
}

.icon-box-styled h5 {
    color: var(--primary-text);
    font-weight: 600;
    font-size: 1.15rem;
}

.icon-box-styled p {
    color: var(--secondary-text);
    font-size: 0.9rem;
}

/* Process Section */
.process-step-styled .icon-circle-styled {
    width: 60px;

    /* Smaller circle */
    height: 60px;
    background-color: var(--brand-orange);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem auto;
    font-size: 1.5rem;

    /* Smaller number */
    font-weight: 600;
}

.process-step-styled h5 {
    color: var(--primary-text);
    font-weight: 600;
    font-size: 1.1rem;
}

.process-step-styled p {
    font-size: 0.9rem;
    color: var(--secondary-text);
}

/* Documents Section */
.documents-list-styled li {
    padding-left: 28px;

    /* More space for icon */
    position: relative;
    margin-bottom: 0.75rem;
    color: var(--secondary-text);
}

.documents-list-styled li::before {
    content: "\F26E";

    /* Bootstrap Icon check2 */
    font-family: 'bootstrap-icons';
    position: absolute;
    left: 0;
    color: var(--brand-orange);
    font-size: 1.25rem;

    /* Larger icon */
    top: 2px;
}

.documents-list-styled strong {
    color: var(--primary-text);
}

.documents-list-styled .list-unstyled li::before {
    /* For nested lists */
    content: "\F231";

    /* Bootstrap Icon caret-right-fill */
    font-size: 0.9rem;
    top: 5px;
}

/* Calculator & Registration Section */
.form-label-styled {
    font-weight: 500;
    color: var(--primary-text);
    margin-bottom: 0.5rem;
}

.form-control-styled,
.form-select-styled {
    border-color: var(--border-color);
    border-radius: 0.375rem;
}

.form-control-styled:focus,
.form-select-styled:focus {
    border-color: var(--brand-orange);
    box-shadow: 0 0 0 0.25rem rgba(249, 115, 22, 0.25);

    /* Orange focus */
}

.btn-form-action {
    /* For "Skaičiuoti", "Registruotis" buttons */
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
    color: white;
    padding: 0.6rem 1.25rem;
    font-weight: 500;
    border-radius: 0.375rem;
}

.btn-form-action:hover {
    background-color: #DD6B20;
    border-color: #DD6B20;
    color: white;
}

/* FAQ Section */
.faq-section-styled .accordion-button {
    font-weight: 600;
    color: var(--primary-text);
    background-color: var(--default-bg);
    border-bottom: 1px solid var(--border-color) !important;

    /* Ensure border is visible */
}

.faq-section-styled .accordion-button:not(.collapsed) {
    color: var(--default-bg);

    /* White text on orange */
    background-color: var(--brand-orange);
}

.faq-section-styled .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(249, 115, 22, 0.25);
    border-color: var(--brand-orange) !important;
}

.faq-section-styled .accordion-item {
    border: 1px solid var(--border-color);

    /* Add border to item */
    margin-bottom: 0.5rem;

    /* Space between items */
    border-radius: 0.375rem;

    /* Rounded items */
    overflow: hidden;

    /* For rounded corners with button */
}

.faq-section-styled .accordion-body {
    color: var(--secondary-text);
    font-size: 0.95rem;
}

/* Footer */
.footer-styled {
    background-color: var(--light-bg);
    padding-top: 3rem;
    padding-bottom: 1.5rem;
    color: var(--secondary-text);
}

.footer-styled h5 {
    color: var(--primary-text);
    font-weight: 600;
    margin-bottom: 1rem;
}

.footer-styled .footer-links li {
    margin-bottom: 0.5rem;
}

.footer-styled .footer-links a,
.footer-styled .footer-contact a,
.footer-styled .footer-contact li {
    color: var(--secondary-text);
    text-decoration: none;
    font-size: 0.9em;
}

.footer-styled .footer-links a:hover,
.footer-styled .footer-contact a:hover {
    color: var(--brand-orange);
    text-decoration: underline;
}

.footer-styled .footer-contact i {
    color: var(--brand-orange);
    margin-right: 0.5rem;
}

.footer-styled .bottom-footer-styled {
    border-top: 1px solid var(--border-color);
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    font-size: 0.85rem;
    color: var(--tertiary-text);
}

.footer-styled .bottom-footer-styled p {
    margin-bottom: 0.25rem;
}

.footer-styled .btn-outline-secondary {
    /* For "Siųstis" button */
    border-color: var(--border-color);
    color: var(--secondary-text);
}

.footer-styled .btn-outline-secondary:hover {
    background-color: var(--brand-orange);
    color: white;
    border-color: var(--brand-orange);
}

/* --- Chat Widget Styles --- */
#chat-bubble {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: var(--brand-orange);
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#chat-bubble:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

#chat-widget {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 370px;
    max-width: calc(100vw - 40px);
    max-height: 80vh;
    background-color: var(--default-bg);
    border-radius: 0.75rem;

    /* 12px */
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
    display: none;

    /* Controlled by JS */
    flex-direction: column;
    z-index: 1000;
    overflow: hidden;
    border: 1px solid var(--border-color);
}

#chat-header {
    background-color: var(--brand-orange);
    color: white;
    padding: 0.75rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;

    /* Prevents shrinking */
}

#chat-header h5 {
    margin-bottom: 0;
    font-size: 1.05rem;
    font-weight: 600;
}

#chat-messages {
    flex-grow: 1;
    padding: 1rem;
    overflow-y: auto;
    background-color: var(--default-bg);
    min-height: 250px;

    /* Ensure a minimum height */
    max-height: calc(80vh - 120px);

    /* JS might override this */
}

/* Message containers for alignment */
.message-container {
    display: flex;
    margin-bottom: 1rem;
}

.user-message {
    justify-content: flex-end;
}

.bot-message {
    justify-content: flex-start;
}

/* The message bubbles themselves */
.message-bubble {
    padding: 0.65rem 1rem;
    border-radius: 1.1rem;
    font-size: 0.9rem;
    line-height: 1.5;
    max-width: 85%;
    word-wrap: break-word;
}

.bot-message .message-bubble {
    background-color: var(--light-bg);
    color: var(--primary-text);
    border-bottom-left-radius: 0.25rem;

    /* Tailed look */
}

.user-message .message-bubble {
    background-color: var(--brand-orange);
    color: white;
    border-bottom-right-radius: 0.25rem;

    /* Tailed look */
}

/* Special prompt styling with buttons */
.bot-prompt .chat-options {
    margin-top: 0.75rem;
    border-top: 1px solid #e5e7eb;
    padding-top: 0.75rem;
}

#chat-input-area {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--border-color);
    background-color: var(--light-bg);

    /* Use light bg for input area */
    flex-shrink: 0;

    /* Prevents shrinking */
}

#chat-input-area #send-chat-message {
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
    color: white;
}

#chat-input-area #send-chat-message:hover {
    background-color: #DD6B20;
    border-color: #DD6B20;
}

.chat-ai-notice {
    color: var(--tertiary-text);
    font-size: 0.75rem;
    text-align: center;
    margin-top: 0.5rem;
}

/* Survey Form inside the chat */
#survey-form-container {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
    display: none;

    /* Controlled by JS */
    background-color: #fff;
    border-top: 1px solid var(--border-color);
}

#survey-form-container h6 {
    color: var(--primary-text);
}

#survey-form-container .form-label {
    font-weight: 500;
    font-size: 0.85rem;
    color: var(--secondary-text);
    margin-bottom: 0.3rem;
}

#survey-form-container .btn {
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
    font-weight: 500;
}

#survey-thanks {
    display: none;

    /* Controlled by JS */
    color: #16a34a;

    /* A nice green color */
}

#survey-thanks i {
    vertical-align: -0.125em;
}

/* Original styles to remove or override */
.top-bar-bg {
    display: none;
}

/* Hide old top bar */
.services-bar-bg {
    display: none;
}

/* Hide old services bar */
.light-blue-bg {
    background-color: var(--default-bg);
}

/* Reset old light blue bg */
.icon-orange {
    color: var(--brand-orange);
}

/* Ensure old icon class uses new orange */
/* Bootstrap overrides if needed for specific components */
.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .main-header .nav {
        display: none;

        /* Hide desktop nav on smaller screens, can be replaced by a mobile menu toggle */
    }

    .hero-section-styled h1 {
        font-size: 2.5rem;
    }

    .hero-section-styled .lead-styled {
        font-size: 1.1rem;
    }

    .dashboard-placeholder-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .dashboard-placeholder-actions {
        margin-top: 0.5rem;
    }
}

@media (max-width: 767.98px) {
    .hero-section-styled {
        padding: 3rem 0;
    }

    .hero-section-styled h1 {
        font-size: 2rem;
    }

    .hero-features {
        flex-direction: column;
        gap: 0.75rem;
        align-items: center;
    }

    .dashboard-placeholder-nav span,
    .dashboard-placeholder-actions span {
        font-size: 0.75rem;
        padding: 0.3rem 0.6rem;
    }

    .dashboard-placeholder-content {
        font-size: 0.9rem;
    }
}

/* --- Humblytics Form Styles --- */
/* Pagrindinė formai skirta klasė */
.humblytics-form {
    background-color: var(--default-bg);

    /* Numatytasis fonas */
    /* Jei forma yra sekcijoje su šviesiu fonu, galite palikti permatomą arba nustatyti var(--light-bg) */
    /* padding: 2rem; */
    /* Pridėkite padding, jei forma yra tiesiogiai puslapyje, o ne modale ar kortelėje */
    /* border-radius: 0.5rem; */
    /* Užapvalinti kampai, jei forma yra kaip atskiras blokas */
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.05); */
    /* Subtilus šešėlis, jei reikia išskirti */
}

.humblytics-form .form-label {
    font-weight: 500;

    /* Pusjuodis šriftas */
    color: var(--primary-text);

    /* Tamsi teksto spalva */
    margin-bottom: 0.6rem;

    /* Didesnis tarpas po etikete */
    display: block;
    font-size: 0.9rem;

    /* Šiek tiek mažesnis etiketės tekstas */
}

.humblytics-form .form-control,
.humblytics-form .form-select {
    background-color: var(--default-bg);

    /* Baltas laukelių fonas */
    border: 1px solid var(--border-color);

    /* Šviesiai pilka rėmelio spalva */
    border-radius: 0.375rem;

    /* 6px užapvalinimas, kaip kituose elementuose */
    padding: 0.75rem 1rem;

    /* Didesnis vidinis padding */
    color: var(--secondary-text);

    /* Vidutinio tamsumo tekstas laukelyje */
    font-size: 0.95rem;

    /* Teksto dydis laukeliuose */
    line-height: 1.5;
    width: 100%;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.humblytics-form .form-control::placeholder {
    color: var(--tertiary-text);

    /* Šviesesnė spalva placeholderiui */
    opacity: 1;

    /* Firefox */
}

.humblytics-form .form-control:-ms-input-placeholder {
    /* Edge */
    color: var(--tertiary-text);
}

.humblytics-form .form-control::-ms-input-placeholder {
    /* IE 10-11 */
    color: var(--tertiary-text);
}

.humblytics-form .form-control:focus,
.humblytics-form .form-select:focus {
    border-color: var(--brand-orange);

    /* Oranžinė rėmelio spalva fokusuojant */
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(249, 115, 22, 0.25);

    /* Oranžinis šešėlis fokusuojant */
}

.humblytics-form .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
}

/* Stilius `select[multiple]` elementui */
.humblytics-form .form-select[multiple] {
    padding-right: 1rem;

    /* Pašaliname vietą rodyklei */
    background-image: none;

    /* Nėra rodyklės `multiple` pasirinkimui */
    height: auto;

    /* Automatinis aukštis arba nustatykite fiksuotą, pvz., 180px */
}

.humblytics-form .form-select[multiple] option {
    padding: 0.6rem 0.8rem;

    /* Padding parinktims viduje */
    color: var(--secondary-text);
}

.humblytics-form .form-select[multiple] option:checked {
    background-color: var(--brand-orange);
    color: white;
}

.humblytics-form small {
    display: block;
    margin-top: 0.4rem;

    /* Tarpas virš `small` teksto */
    font-size: 0.8em;

    /* Mažesnis šriftas paaiškinimams */
    color: var(--tertiary-text);

    /* Šviesesnė teksto spalva */
}

/* Formos sekcijų antraštės (<h5>) */
.humblytics-form h5 {
    font-size: 1.3rem;

    /* Didesnė antraštė */
    font-weight: 700;

    /* Paryškinta */
    color: var(--primary-text);

    /* Tamsi teksto spalva */
    margin-top: 2.5rem;

    /* Didesnis tarpas virš antraštės */
    margin-bottom: 1.5rem;

    /* Tarpas po antrašte */
    padding-bottom: 0.75rem;

    /* Padding po tekstu iki linijos */
    border-bottom: 1px solid var(--border-color);

    /* Apatinė linija atskyrimui */
}

/* Pašaliname viršutinį margin pirmam h5 elementui formoje */
.humblytics-form > .mb-3:first-child h5,
.humblytics-form > div:first-child h5 {
    margin-top: 0;
}

/* Stilius darbdavio informacijos blokui */
.humblytics-form .employer-details-block {
    border: 1px solid var(--border-color) !important;

    /* Užtikriname rėmelį */
    padding: 2rem !important;

    /* Didesnis vidinis padding */
    border-radius: 0.5rem;

    /* 8px užapvalinimas */
    background-color: var(--light-bg);

    /* Labai šviesus fonas grupavimui */
    margin-bottom: 2rem;

    /* Tarpas po šiuo bloku */
}

.humblytics-form .employer-details-block h5 {
    font-size: 1.15rem;

    /* Šiek tiek mažesnė antraštė vidiniam blokui */
    margin-top: 0;

    /* Pašaliname viršutinį margin */
    border-bottom: none;

    /* Galbūt nereikia linijos vidinio bloko antraštei */
    padding-bottom: 0;
    margin-bottom: 1.25rem;
}

/* Pateikimo mygtuko stilius */
.humblytics-form .btn-submit-humblytics {
    /* Nauja klasė mygtukui */
    background-color: var(--brand-orange);
    border-color: var(--brand-orange);
    color: white;
    padding: 0.8rem 2rem;

    /* Patogus mygtuko dydis */
    font-weight: 600;

    /* Paryškintas */
    font-size: 1.05rem;

    /* Mygtuko teksto dydis */
    border-radius: 0.375rem;

    /* 6px */
    text-transform: uppercase;

    /* Didžiosios raidės CTA efektui */
    letter-spacing: 0.03em;

    /* Mažas tarpas tarp raidžių */
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, transform .15s ease-in-out;
    margin-top: 1.5rem;

    /* Tarpas virš mygtuko */
    display: inline-block;

    /* Kad veiktų margin-top ir mygtukas nebūtų per visą plotį */
}

.humblytics-form .btn-submit-humblytics:hover,
.humblytics-form .btn-submit-humblytics:focus {
    background-color: #DD6B20;

    /* Tamsesnė oranžinė (iš ankstesnių stilių) */
    border-color: #DD6B20;
    color: white;
    box-shadow: 0 0 0 0.2rem rgba(249, 115, 22, 0.35);

    /* Ryškesnis šešėlis fokusuojant */
    transform: translateY(-2px);

    /* Mažas pakilimas paspaudus/užvedus */
}

.humblytics-form .btn-submit-humblytics:active {
    transform: translateY(0px);

    /* Grįžta į vietą paspaudus */
}

/* Bendras `mb-3` klasės formos grupėms patikslinimas */
.humblytics-form .mb-3 {
    margin-bottom: 1.5rem !important;

    /* Didesnis tarpas tarp formos grupių */
}

/* Bootstrap eilutėms formoje, kad nebūtų neigiamų marginų problemų */
.humblytics-form .row {
    margin-left: -0.75rem;

    /* Atitinka Bootstrap stulpelių padding */
    margin-right: -0.75rem;
}

.humblytics-form .row > [class^="col-"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.humblytics-form .form-label i[data-bs-toggle="tooltip"] {
    font-size: 1.1em;

    /* Šiek tiek didesnė ikona */
    cursor: help;
}

.humblytics-form .humblytics-link {
    color: var(--brand-orange);
    font-weight: 500;
}

.humblytics-form .humblytics-link:hover {
    color: #DD6B20;

    /* Tamsesnė oranžinė iš temos */
}

/* Stilius specifiniams formos sekcijų blokams, jei bg-light netinka */
.humblytics-form-section-block {
    background-color: var(--light-bg);

    /* Arba kitas pageidaujamas fonas */
    /* Galite pridėti papildomą padding ar border stilių čia */
}

.humblytics-form-section-block h5 {
    /* Jei reikia specifinių stilių šių blokų antraštėms */
    color: var(--primary-text);
    font-weight: 600;

    /* Pvz., pusjuodis */
}

.sub-header-group {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--primary-text);
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    padding-left: 0.5rem;
    border-left: 3px solid var(--brand-orange);
}

.accordion-body .table {
    margin-bottom: 0.5rem;
}

.dropdown-item .flag {
    margin-right: 8px;
}