/* Minification failed. Returning unminified contents.
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,22): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-header-grey'
(33,31): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(121,22): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-footer-grey'
(122,32): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(131,22): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(137,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-dark'
(141,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(181,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(182,30): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(187,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(192,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(199,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-border-grey'
(205,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-border-grey'
(210,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-border-grey'
(211,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(228,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(232,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(236,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(241,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(249,32): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(265,35): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(271,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-dark'
(275,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(279,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(283,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(289,24): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(290,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(309,22): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(324,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(329,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(337,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-border-grey'
(350,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(358,29): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(366,32): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(395,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(405,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(409,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(413,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(417,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(425,24): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(429,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(433,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(437,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(441,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(448,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(452,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(463,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(469,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(473,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(479,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-dark'
(483,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(487,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(493,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(497,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(501,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(508,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(568,22): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-footer-grey'
(569,32): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(578,22): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(584,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-dark'
(588,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(630,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(631,30): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(636,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(641,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(648,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-border-grey'
(654,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-border-grey'
(659,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-border-grey'
(660,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(677,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(681,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(685,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(690,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(698,32): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(714,35): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(720,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-dark'
(724,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(728,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(732,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(738,24): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(739,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(758,22): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(773,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(778,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(786,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-border-grey'
(799,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(807,29): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(815,32): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(844,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(854,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(858,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(862,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(866,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(874,24): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(878,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(882,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(886,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(890,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(897,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(901,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(912,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(918,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(922,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(928,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-dark'
(932,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
(936,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(942,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(946,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-dark-green'
(950,28): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-primary-green'
(957,17): run-time error CSS1039: Token not allowed after unary operator: '-thurrock-text-black'
 */
/* ==========================================================================
   Thurrock Council - Client Branding Overrides
   ==========================================================================
   This file overrides GOV.UK Frontend 5.3.0 defaults with Thurrock Council branding.
   Based on parking.thurrock.gov.uk actual styling.
   ========================================================================== */

/* Brand Color Variables (CSS Custom Properties)
   ========================================================================== */
:root {
    /* Thurrock Council actual brand colors from parking.thurrock.gov.uk */
    --thurrock-primary-green: #5A8F29;      /* Primary green for buttons/accents */
    --thurrock-dark-green: #4A7522;         /* Darker green for hover states */
    --thurrock-header-grey: #7a7479;        /* Dark grey header background */
    --thurrock-footer-grey: #f1eff1;        /* Light grey footer background */
    --thurrock-text-dark: #333333;          /* Dark grey text */
    --thurrock-text-black: #0b0c0c;         /* GOV.UK black text */
    --thurrock-body-bg: #FFFFFF;            /* White background */
    --thurrock-border-grey: #B1B4B6;        /* Mid grey borders */
}

/* Header Styling
   ========================================================================== */
.govuk-header {
    background: var(--thurrock-header-grey);
    border-bottom: none;
    padding-top: 8px;
    padding-bottom: 8px;
}

.govuk-header__container,
.app-header {
    border-bottom-color: var(--thurrock-primary-green);
}

/* Header link colors on dark background */
.govuk-header__link,
.govuk-header__service-name {
    color: #ffffff;
}

.govuk-header__link:hover,
.govuk-header__service-name:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Logo Styling
   ========================================================================== */
.logo {
    background: url("images/thk-logo.png") no-repeat center left !important;
    background-size: contain !important;
    width: 200px !important;
    height: 50px !important;
    border: 0 !important;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
}

@media (min-width: 40.0625em) {
    .logo {
        background: url("images/thk-logo.png") no-repeat center left !important;
        background-size: contain !important;
        width: 240px !important;
        height: 60px !important;
        display: inline-block;
        margin: 0;
    }
}

/* Ensure logo image tag doesn't interfere */
.logo img {
    display: none !important;
}

/* Align header container to match main content padding */
.govuk-header__container {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    max-width: 960px;
    margin: 0 auto;
}

.govuk-header__logo {
    margin-bottom: 0;
    padding-right: 0 !important;
    padding-left: 0 !important;
    width: auto;
    float: left;
}

/* Ensure header aligns with content area */
.taranto-header {
    max-width: 960px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
}

/* Make header more compact like Thurrock */
.govuk-header__content {
    flex: 1;
}

/* Header navigation area alignment */
.taranto-header-content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Footer Styling
   ========================================================================== */
.govuk-footer {
    background: var(--thurrock-footer-grey);
    border-top: 4px solid var(--thurrock-primary-green);
    margin-top: 4px;
}

/* Add green separator line before footer */
body::after {
    content: '';
    display: block;
    height: 4px;
    background: var(--thurrock-primary-green);
    width: 100%;
    position: relative;
}

.govuk-footer__link {
    color: var(--thurrock-text-dark);
}

.govuk-footer__link:hover {
    color: var(--thurrock-primary-green);
}

/* Social Media Icons Styling */
.thurrock-social-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.thurrock-social-icons a {
    display: inline-block;
    transition: opacity 0.2s ease;
    text-decoration: none;
    line-height: 0;
}

.thurrock-social-icons a:hover {
    opacity: 0.7;
}

.thurrock-social-icons img {
    vertical-align: middle;
    display: block;
}

@media (max-width: 640px) {
    .thurrock-social-icons {
        justify-content: center;
        margin-top: 15px;
    }
}

/* Button Styling - Thurrock Green
   ========================================================================== */
.govuk-button {
    background-color: var(--thurrock-primary-green);
    box-shadow: 0 2px 0 var(--thurrock-dark-green);
    color: #ffffff;
}

.govuk-button:hover {
    background-color: var(--thurrock-dark-green);
}

.govuk-button:active,
.govuk-button:focus {
    background-color: var(--thurrock-dark-green);
    color: #ffffff;
}

.govuk-button--disabled,
.govuk-button[disabled="disabled"],
.govuk-button[disabled] {
    background-color: var(--thurrock-border-grey);
}

.govuk-button--disabled:hover,
.govuk-button[disabled="disabled"]:hover,
.govuk-button[disabled]:hover {
    background-color: var(--thurrock-border-grey);
}

/* Secondary Button */
.govuk-button--secondary {
    background-color: var(--thurrock-border-grey);
    color: var(--thurrock-text-black);
    box-shadow: 0 2px 0 #6f777b;
}

.govuk-button--secondary:hover {
    background-color: #929191;
}

/* Warning Button */
.govuk-button--warning {
    background-color: #d4351c;
    box-shadow: 0 2px 0 #942514;
}

/* Link Styling - Thurrock Green
   ========================================================================== */
.govuk-link {
    color: var(--thurrock-primary-green);
}

.govuk-link:visited {
    color: var(--thurrock-dark-green);
}

.govuk-link:hover {
    color: var(--thurrock-dark-green);
}

.govuk-link:active,
.govuk-link:focus {
    color: var(--thurrock-text-black);
    background-color: #ffdd00;
    outline: 3px solid #ffdd00;
}

/* Navigation Styling
   ========================================================================== */
.govuk-header__navigation {
    border-top: 2px solid var(--thurrock-primary-green);
}

.govuk-header__navigation-item a {
    color: #ffffff;
}

.govuk-header__navigation-item a:hover {
    color: #ffffff;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 0.1em;
}

.govuk-header__navigation-item--active a {
    color: #ffffff;
    border-bottom: 3px solid var(--thurrock-primary-green);
}

/* Breadcrumbs
   ========================================================================== */
.govuk-breadcrumbs {
    color: var(--thurrock-text-dark);
}

.govuk-breadcrumbs__link {
    color: var(--thurrock-primary-green);
}

.govuk-breadcrumbs__link:visited {
    color: var(--thurrock-dark-green);
}

.govuk-breadcrumbs__link:hover {
    color: var(--thurrock-dark-green);
}

/* Notification Banners
   ========================================================================== */
.govuk-notification-banner--success {
    border-color: var(--thurrock-primary-green);
    background-color: var(--thurrock-primary-green);
}

.govuk-notification-banner--success .govuk-notification-banner__heading {
    color: #ffffff;
}

.govuk-notification-banner--success .govuk-notification-banner__link:link,
.govuk-notification-banner--success .govuk-notification-banner__link:visited {
    color: #ffffff;
}

.govuk-notification-banner--success .govuk-notification-banner__link:hover {
    color: #ffdd00;
}

/* Panels (Success/Confirmation screens)
   ========================================================================== */
.govuk-panel--confirmation {
    background: var(--thurrock-primary-green);
    color: #ffffff;
}

.govuk-panel__title {
    color: #ffffff;
}

.govuk-panel__body {
    color: #ffffff;
}

/* Tags (Status indicators) - Using Thurrock Green
   ========================================================================== */
.govuk-tag {
    background-color: var(--thurrock-primary-green);
    color: #ffffff;
}

.govuk-tag--green {
    background-color: var(--thurrock-primary-green);
}

.govuk-tag--blue {
    background-color: #1d70b8;
}

.govuk-tag--grey {
    background-color: var(--thurrock-border-grey);
}

.govuk-tag--red {
    background-color: #d4351c;
}

.govuk-tag--orange {
    background-color: #f47738;
}

.govuk-tag--yellow {
    background-color: #ffdd00;
    color: var(--thurrock-text-black);
}

/* Form Elements - Focus States (Accessibility)
   ========================================================================== */
.govuk-input:focus,
.govuk-textarea:focus,
.govuk-select:focus {
    outline: 3px solid var(--thurrock-primary-green);
    outline-offset: 0;
    box-shadow: inset 0 0 0 2px;
}

.govuk-radios__input:focus + .govuk-radios__label::before,
.govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
    border-width: 4px;
    box-shadow: 0 0 0 3px var(--thurrock-primary-green);
}

/* Error Styling - Keep GOV.UK Red
   ========================================================================== */
.govuk-error-summary {
    border: 5px solid #d4351c;
}

.govuk-error-summary__title {
    color: #d4351c;
}

.govuk-error-message {
    color: #d4351c;
}

.govuk-form-group--error .govuk-input {
    border-color: #d4351c;
}

.govuk-form-group--error .govuk-input:focus {
    border-color: #d4351c;
    outline: 3px solid #d4351c;
}

/* Warning Text
   ========================================================================== */
.govuk-warning-text {
    color: var(--thurrock-text-black);
}

.govuk-warning-text__icon {
    background: #d4351c;
}

/* Back Link
   ========================================================================== */
.govuk-back-link {
    color: var(--thurrock-primary-green);
}

.govuk-back-link:visited {
    color: var(--thurrock-dark-green);
}

.govuk-back-link:hover {
    color: var(--thurrock-dark-green);
}

.govuk-back-link:focus {
    color: var(--thurrock-text-black);
    background-color: #ffdd00;
    outline: 3px solid #ffdd00;
}

/* Tabs
   ========================================================================== */
.govuk-tabs__list-item--selected {
    border-color: var(--thurrock-primary-green);
}

.govuk-tabs__list-item--selected .govuk-tabs__tab {
    color: var(--thurrock-primary-green);
}

.govuk-tabs__tab {
    color: var(--thurrock-primary-green);
}

.govuk-tabs__tab:hover {
    color: var(--thurrock-dark-green);
}

.govuk-tabs__tab:focus {
    color: var(--thurrock-text-black);
    background: #ffdd00;
}

/* Accordion
   ========================================================================== */
.govuk-accordion__section-button {
    color: var(--thurrock-primary-green);
}

.govuk-accordion__section-button:hover {
    color: var(--thurrock-dark-green);
}

.govuk-accordion__section-button:focus {
    background: #ffdd00;
    outline: 3px solid #ffdd00;
}

/* Phase Banner (if used)
   ========================================================================== */
.govuk-phase-banner__content__tag {
    background-color: var(--thurrock-primary-green);
}

/* Details/Disclosure
   ========================================================================== */
.govuk-details__summary {
    color: var(--thurrock-primary-green);
}

.govuk-details__summary:hover {
    color: var(--thurrock-dark-green);
}

/* Summary List (for displaying PCN details)
   ========================================================================== */
.govuk-summary-list__key {
    color: var(--thurrock-text-dark);
}

.govuk-summary-list__value {
    color: var(--thurrock-text-black);
}

.govuk-summary-list__actions .govuk-link {
    color: var(--thurrock-primary-green);
}

/* Pagination (if used)
   ========================================================================== */
.govuk-pagination__link {
    color: var(--thurrock-primary-green);
}

.govuk-pagination__link:hover {
    color: var(--thurrock-dark-green);
}

.govuk-pagination__item--current {
    background-color: var(--thurrock-primary-green);
    color: #ffffff;
}

/* Skip Link
   ========================================================================== */
.govuk-skip-link {
    color: var(--thurrock-text-black);
}

.govuk-skip-link:focus {
    background-color: #ffdd00;
    outline: 3px solid #ffdd00;
}

/* High Contrast Mode Support (Windows High Contrast)
   ========================================================================== */
@media (prefers-contrast: high) {
    .govuk-button {
        border: 2px solid currentColor;
    }
    
    .govuk-link:focus,
    .govuk-button:focus {
        outline: 4px solid transparent;
        box-shadow: 0 0 0 4px #ffdd00, 0 0 0 8px #0b0c0c;
    }
}

/* Print Styles
   ========================================================================== */
@media print {
    .logo {
        background-image: none !important;
    }
    
    .govuk-header {
        background: #ffffff;
        border-bottom: 2px solid #000000;
    }
    
    .govuk-button {
        background: #ffffff;
        color: #000000;
        border: 2px solid #000000;
    }
    
    .thurrock-social-icons {
        display: none;
    }
}

/* Responsive adjustments
   ========================================================================== */
@media (max-width: 768px) {
    .govuk-header {
        padding: 10px 0;
    }
    
    .logo {
        margin: 10px auto;
    }
}

/* Footer Styling
   ========================================================================== */
.govuk-footer {
    background: var(--thurrock-footer-grey);
    border-top: 4px solid var(--thurrock-primary-green);
    margin-top: 4px;
}

/* Add green separator line before footer */
body::after {
    content: '';
    display: block;
    height: 4px;
    background: var(--thurrock-primary-green);
    width: 100%;
    position: relative;
}

.govuk-footer__link {
    color: var(--thurrock-text-dark);
}

.govuk-footer__link:hover {
    color: var(--thurrock-primary-green);
}

/* Social Media Icons Styling */
.thurrock-social-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.thurrock-social-icons a {
    display: inline-block;
    transition: opacity 0.2s ease;
    text-decoration: none !important;
    line-height: 0;
}

.thurrock-social-icons a:hover {
    opacity: 0.7;
}

.thurrock-social-icons a:focus {
    outline: 3px solid #ffdd00;
    outline-offset: 2px;
}

.thurrock-social-icons img {
    vertical-align: middle;
    display: block;
}

@media (max-width: 640px) {
    .thurrock-social-icons {
        justify-content: center;
        margin-top: 15px;
    }
}

/* Button Styling - Thurrock Green
   ========================================================================== */
.govuk-button {
    background-color: var(--thurrock-primary-green);
    box-shadow: 0 2px 0 var(--thurrock-dark-green);
    color: #ffffff;
}

.govuk-button:hover {
    background-color: var(--thurrock-dark-green);
}

.govuk-button:active,
.govuk-button:focus {
    background-color: var(--thurrock-dark-green);
    color: #ffffff;
}

.govuk-button--disabled,
.govuk-button[disabled="disabled"],
.govuk-button[disabled] {
    background-color: var(--thurrock-border-grey);
}

.govuk-button--disabled:hover,
.govuk-button[disabled="disabled"]:hover,
.govuk-button[disabled]:hover {
    background-color: var(--thurrock-border-grey);
}

/* Secondary Button */
.govuk-button--secondary {
    background-color: var(--thurrock-border-grey);
    color: var(--thurrock-text-black);
    box-shadow: 0 2px 0 #6f777b;
}

.govuk-button--secondary:hover {
    background-color: #929191;
}

/* Warning Button */
.govuk-button--warning {
    background-color: #d4351c;
    box-shadow: 0 2px 0 #942514;
}

/* Link Styling - Thurrock Green
   ========================================================================== */
.govuk-link {
    color: var(--thurrock-primary-green);
}

.govuk-link:visited {
    color: var(--thurrock-dark-green);
}

.govuk-link:hover {
    color: var(--thurrock-dark-green);
}

.govuk-link:active,
.govuk-link:focus {
    color: var(--thurrock-text-black);
    background-color: #ffdd00;
    outline: 3px solid #ffdd00;
}

/* Navigation Styling
   ========================================================================== */
.govuk-header__navigation {
    border-top: 2px solid var(--thurrock-primary-green);
}

.govuk-header__navigation-item a {
    color: #ffffff;
}

.govuk-header__navigation-item a:hover {
    color: #ffffff;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 0.1em;
}

.govuk-header__navigation-item--active a {
    color: #ffffff;
    border-bottom: 3px solid var(--thurrock-primary-green);
}

/* Breadcrumbs
   ========================================================================== */
.govuk-breadcrumbs {
    color: var(--thurrock-text-dark);
}

.govuk-breadcrumbs__link {
    color: var(--thurrock-primary-green);
}

.govuk-breadcrumbs__link:visited {
    color: var(--thurrock-dark-green);
}

.govuk-breadcrumbs__link:hover {
    color: var(--thurrock-dark-green);
}

/* Notification Banners
   ========================================================================== */
.govuk-notification-banner--success {
    border-color: var(--thurrock-primary-green);
    background-color: var(--thurrock-primary-green);
}

.govuk-notification-banner--success .govuk-notification-banner__heading {
    color: #ffffff;
}

.govuk-notification-banner--success .govuk-notification-banner__link:link,
.govuk-notification-banner--success .govuk-notification-banner__link:visited {
    color: #ffffff;
}

.govuk-notification-banner--success .govuk-notification-banner__link:hover {
    color: #ffdd00;
}

/* Panels (Success/Confirmation screens)
   ========================================================================== */
.govuk-panel--confirmation {
    background: var(--thurrock-primary-green);
    color: #ffffff;
}

.govuk-panel__title {
    color: #ffffff;
}

.govuk-panel__body {
    color: #ffffff;
}

/* Tags (Status indicators) - Using Thurrock Green
   ========================================================================== */
.govuk-tag {
    background-color: var(--thurrock-primary-green);
    color: #ffffff;
}

.govuk-tag--green {
    background-color: var(--thurrock-primary-green);
}

.govuk-tag--blue {
    background-color: #1d70b8;
}

.govuk-tag--grey {
    background-color: var(--thurrock-border-grey);
}

.govuk-tag--red {
    background-color: #d4351c;
}

.govuk-tag--orange {
    background-color: #f47738;
}

.govuk-tag--yellow {
    background-color: #ffdd00;
    color: var(--thurrock-text-black);
}

/* Form Elements - Focus States (Accessibility)
   ========================================================================== */
.govuk-input:focus,
.govuk-textarea:focus,
.govuk-select:focus {
    outline: 3px solid var(--thurrock-primary-green);
    outline-offset: 0;
    box-shadow: inset 0 0 0 2px;
}

.govuk-radios__input:focus + .govuk-radios__label::before,
.govuk-checkboxes__input:focus + .govuk-checkboxes__label::before {
    border-width: 4px;
    box-shadow: 0 0 0 3px var(--thurrock-primary-green);
}

/* Error Styling - Keep GOV.UK Red
   ========================================================================== */
.govuk-error-summary {
    border: 5px solid #d4351c;
}

.govuk-error-summary__title {
    color: #d4351c;
}

.govuk-error-message {
    color: #d4351c;
}

.govuk-form-group--error .govuk-input {
    border-color: #d4351c;
}

.govuk-form-group--error .govuk-input:focus {
    border-color: #d4351c;
    outline: 3px solid #d4351c;
}

/* Warning Text
   ========================================================================== */
.govuk-warning-text {
    color: var(--thurrock-text-black);
}

.govuk-warning-text__icon {
    background: #d4351c;
}

/* Back Link
   ========================================================================== */
.govuk-back-link {
    color: var(--thurrock-primary-green);
}

.govuk-back-link:visited {
    color: var(--thurrock-dark-green);
}

.govuk-back-link:hover {
    color: var(--thurrock-dark-green);
}

.govuk-back-link:focus {
    color: var(--thurrock-text-black);
    background-color: #ffdd00;
    outline: 3px solid #ffdd00;
}

/* Tabs
   ========================================================================== */
.govuk-tabs__list-item--selected {
    border-color: var(--thurrock-primary-green);
}

.govuk-tabs__list-item--selected .govuk-tabs__tab {
    color: var(--thurrock-primary-green);
}

.govuk-tabs__tab {
    color: var(--thurrock-primary-green);
}

.govuk-tabs__tab:hover {
    color: var(--thurrock-dark-green);
}

.govuk-tabs__tab:focus {
    color: var(--thurrock-text-black);
    background: #ffdd00;
}

/* Accordion
   ========================================================================== */
.govuk-accordion__section-button {
    color: var(--thurrock-primary-green);
}

.govuk-accordion__section-button:hover {
    color: var(--thurrock-dark-green);
}

.govuk-accordion__section-button:focus {
    background: #ffdd00;
    outline: 3px solid #ffdd00;
}

/* Phase Banner (if used)
   ========================================================================== */
.govuk-phase-banner__content__tag {
    background-color: var(--thurrock-primary-green);
}

/* Details/Disclosure
   ========================================================================== */
.govuk-details__summary {
    color: var(--thurrock-primary-green);
}

.govuk-details__summary:hover {
    color: var(--thurrock-dark-green);
}

/* Summary List (for displaying PCN details)
   ========================================================================== */
.govuk-summary-list__key {
    color: var(--thurrock-text-dark);
}

.govuk-summary-list__value {
    color: var(--thurrock-text-black);
}

.govuk-summary-list__actions .govuk-link {
    color: var(--thurrock-primary-green);
}

/* Pagination (if used)
   ========================================================================== */
.govuk-pagination__link {
    color: var(--thurrock-primary-green);
}

.govuk-pagination__link:hover {
    color: var(--thurrock-dark-green);
}

.govuk-pagination__item--current {
    background-color: var(--thurrock-primary-green);
    color: #ffffff;
}

/* Skip Link
   ========================================================================== */
.govuk-skip-link {
    color: var(--thurrock-text-black);
}

.govuk-skip-link:focus {
    background-color: #ffdd00;
    outline: 3px solid #ffdd00;
}

/* High Contrast Mode Support (Windows High Contrast)
   ========================================================================== */
@media (prefers-contrast: high) {
    .govuk-button {
        border: 2px solid currentColor;
    }
    
    .govuk-link:focus,
    .govuk-button:focus {
        outline: 4px solid transparent;
        box-shadow: 0 0 0 4px #ffdd00, 0 0 0 8px #0b0c0c;
    }
}

/* Print Styles
   ========================================================================== */
@media print {
    .logo {
        background-image: none !important;
    }
    
    .govuk-header {
        background: #ffffff;
        border-bottom: 2px solid #000000;
    }
    
    .govuk-button {
        background: #ffffff;
        color: #000000;
        border: 2px solid #000000;
    }
    
    .thurrock-social-icons {
        display: none;
    }
}

/* Responsive adjustments
   ========================================================================== */
@media (max-width: 768px) {
    .govuk-header {
        padding: 10px 0;
    }
    
    .logo {
        margin: 10px auto;
    }
}

/* ==========================================================================
   END OF THURROCK COUNCIL BRANDING
   ========================================================================== */