/*
 *  ANYSRV / anysls.com branding override for Zomex Cookie Consent v3
 *  Loaded AFTER cookieconsent.css — does not modify the original Zomex
 *  package file (E:\ANYSLS.COM-CONSENT\Cookie Consent\Cookie Consent\files\css\cookieconsent.css).
 *  Selectors and default values verified against that file (Phase 2B / Phase 3).
 *  NOT DEPLOYED — local working copy only.
 *
 *  Palette:
 *    Primary green : #1F7A4D
 *    Dark navy     : #0B1730
 *    Accent        : #7094CF
 *    Background    : #FFFFFF (already the package default, no override needed)
 */

.cookieconsent__title {
    color: #0B1730;
}

.cookieconsent__button--primary {
    border-color: #1F7A4D;
    background-color: #1F7A4D;
}

.cookieconsent__button--primary:hover,
.cookieconsent__button--primary:focus {
    border-color: #155c39;
    background-color: #155c39;
}

.cookieconsent__link {
    color: #0B1730;
}

.cookieconsent__link:hover,
.cookieconsent__link:focus {
    color: #7094CF;
}

.cookieconsent__status--enabled::before {
    background-color: #1F7A4D;
}

.cookieconsent-launcher__icon {
    background-color: #0B1730;
}

.cookieconsent__button:focus-visible,
.cookieconsent__close:focus-visible,
.cookieconsent__link:focus-visible,
.cookieconsent__details-link:focus-visible,
.cookieconsent-launcher:focus-visible {
    outline-color: rgba(31, 122, 77, 0.28);
}

/* Fix: "How We Use Cookies" table header rendering as one merged run of text
   instead of two columns ("Type" | "How it is used"). The table/thead/tr/th
   markup built by cookieconsent.js's createCookieDetails() is already correct
   (two separate <th> elements) — this explicitly reinforces table layout in
   case any inherited/global `display` rule collapses it. No text changed. */
.cookieconsent__details-table {
    display: table;
}

.cookieconsent__details-table thead,
.cookieconsent__details-table tbody {
    display: table-row-group;
}

.cookieconsent__details-table tr {
    display: table-row;
}

.cookieconsent__details-table th,
.cookieconsent__details-table td {
    display: table-cell;
}

/* Fix: the "Learn More"/"Show Less" toggle now renders as its own element
   (cookieconsent.js change) instead of being spliced inside the message
   sentence. It previously relied on inline sentence spacing; give it the
   same breathing room the package's own block-level elements use. */
.cookieconsent__message + .cookieconsent__details-link {
    display: inline-block;
    margin: 0 0 18px 0;
}

/* Fix: toggle was showing default browser <button> chrome (border/box-shadow/
   focus box) instead of a clean inline text link. Reset to plain text-link
   styling only — no behavior, DOM, or text change. Both states ("Learn
   More"/"Show Less") share identical styling so there is no layout shift
   between them; only the underline (hover-only) and text content differ. */
.cookieconsent__details-link {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    font: inherit;
    color: #7094CF;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    outline: 0;
}

/* Keyboard focus only — clean custom ring, no native browser box. */
.cookieconsent__details-link:focus-visible {
    outline: 2px solid #7094CF;
    outline-offset: 2px;
    border-radius: 2px;
}

/* Mouse/click focus — explicitly suppress the native outline/box-shadow so
   the thick default browser focus box cannot appear in either toggle state
   ("Learn More" or, after expanding, "Show Less"). */
.cookieconsent__details-link:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

.cookieconsent__details-link[aria-expanded="true"] {
    color: #7094CF;
}

.cookieconsent__details-link:hover {
    color: #7094CF;
    text-decoration: underline;
}

/* Firefox draws its own dotted inner focus ring on <button> elements even
   with border:0/appearance:none set — this is the standard reset for it. */
.cookieconsent__details-link::-moz-focus-inner {
    border: 0;
    padding: 0;
}