
/*
|--------------------------------------------------------------------------
| GT BOGO ENGINE – GT RED ENTERPRISE ADMIN UI (v3.5.1)
|--------------------------------------------------------------------------
| Single source of truth for all admin styling. 100% high-contrast, white text,
| GT Red #E10000 primary, with pill buttons and slider toggles.
*/

/* Global color tokens */
:root {
    --gtb-bg: #E10000;
    --gtb-bg-soft: #E10000;
    --gtb-bg-card: #020617;
    --gtb-bg-card-alt: #020617;
    --gtb-border: #1e293b;
    --gtb-border-soft: rgba(148, 163, 184, 0.5);
    --gtb-accent: #E10000;          /* GT Red */
    --gtb-accent-hover: #b00000;
    --gtb-accent-soft: rgba(225, 0, 0, 0.25);
    --gtb-text-main: #ffffff;
    --gtb-text-soft: #ffffff;
    --gtb-text-subtle: #ffffff;
    --gtb-radius-lg: 20px;
    --gtb-radius-md: 14px;
    --gtb-radius-pill: 999px;
    --gtb-shadow-soft: 0 26px 80px rgba(15, 23, 42, 0.9);
}

/* Paint the entire GT BOGO admin screen GT Red */
body.toplevel_page_gt-bogo-engine #wpcontent,
body[class*="gt-bogo-engine"] #wpcontent,
body.toplevel_page_gt-bogo-engine #wpbody-content,
body[class*="gt-bogo-engine"] #wpbody-content {
    background: var(--gtb-bg);
}

/* Main wrapper */
.wrap.gt-bogo-engine-wrap {margin-top: 24px;
    padding: 24px 24px 32px;
    background: #020617;
    border-radius: 18px;
    box-shadow: var(--gtb-shadow-soft);
    color: var(--gtb-text-main);
    max-width: 1200px;
    font-size: 15px;
    line-height: 1.7;
}

/* Hide default WP heading line */
.wrap.gt-bogo-engine-wrap > h1.wp-heading-inline,
.wrap.gt-bogo-engine-wrap hr.wp-header-end {
    display: none;
}

/* Typography – always white or near‑white */
.wrap.gt-bogo-engine-wrap,
.wrap.gt-bogo-engine-wrap * {
    color: #ffffff;
}

.wrap.gt-bogo-engine-wrap p,
.wrap.gt-bogo-engine-wrap li,
.wrap.gt-bogo-engine-wrap label,
.wrap.gt-bogo-engine-wrap .description {
    font-size: 14px;
}

/* GT red header banner */
.gt-bogo-admin-brand-header,
.gt-bogo-header,
.gt-bogo-top-banner {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px 18px;
    border-radius: var(--gtb-radius-lg);
    background: #020617;
    border: 1px solid var(--gtb-border-soft);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.95);
    margin-bottom: 20px;
    color: #ffffff;
}

.gt-bogo-admin-logo {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    border: 1px solid rgba(248, 250, 252, 0.5);
    background: #020617;
    object-fit: contain;
}

.gt-bogo-admin-brand-text h1 {
    margin: 0 0 4px;
    font-size: 24px;
    color: #ffffff;
}
.gt-bogo-admin-tagline {
    margin: 0;
    font-size: 14px;
    color: #ffe4e6;
}

/* Layout wrapper + sidebar */
.gt-bogo-engine-wrapper {
    display: flex;
    gap: 18px;
    align-items: flex-start;
}
.gt-bogo-engine-sidebar {
    width: 230px;
    min-width: 230px;
    background: #020617;
    border-radius: 16px;
    border: 1px solid var(--gtb-border-soft);
    padding: 16px 14px;
    box-shadow: var(--gtb-shadow-soft);
}
.gt-bogo-engine-content {
    flex: 1;
}

/* Sidebar brand and logo */
.gt-bogo-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}
.gt-bogo-brand img {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid rgba(248, 250, 252, 0.6);
    object-fit: contain;
}
.gt-bogo-brand-title {
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* Sidebar menu buttons */
.gt-bogo-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.gt-bogo-menu li {
    margin-bottom: 6px;
}
.gt-bogo-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.98);
    border: 1px solid rgba(51, 65, 85, 0.9);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: background .16s ease, border-color .16s ease, transform .1s ease, box-shadow .16s ease;
}
.gt-bogo-menu a:hover {
    background: var(--gtb-accent-soft);
    border-color: var(--gtb-accent);
    box-shadow: 0 12px 30px rgba(225, 0, 0, 0.30);
    transform: translateY(-1px);
}
.gt-bogo-menu li.active a,
.gt-bogo-menu a.current {
    background: #e10000;
    border-color: #e10000;
    color: #ffffff;
}

/* PRO upsell sidebar box */
.gt-bogo-pro-box {
    margin-top: 32px;
    padding: 16px 14px 18px;
    border-radius: 16px;
    background: linear-gradient(145deg, #020617, #111827);
    border: 1px solid rgba(148,163,184,0.65);
    box-shadow: 0 18px 45px rgba(15,23,42,0.7);
    font-size: 13px;
}
.gt-bogo-pro-box h4 {
    margin: 0 0 6px;
    font-size: 14px;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.gt-bogo-pro-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 18px;
    border-radius: 999px;
    background: #e10000;
    border: 1px solid rgba(248, 113, 113, 0.9);
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 14px 40px rgba(225, 0, 0, 0.55);
    transition: background .15s ease, box-shadow .15s ease, transform .10s ease;
}
.gt-bogo-pro-btn:hover {
    background: #b00000;
    box-shadow: 0 16px 46px rgba(225,0,0,0.7);
    transform: translateY(-1px);
}

/* Dashboard cards */
.gt-bogo-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 14px;
    margin-top: 14px;
}
@media (max-width: 1024px) {
    .gt-bogo-dashboard-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}
@media (max-width: 782px) {
    .gt-bogo-dashboard-grid {
        grid-template-columns: minmax(0,1fr);
    }
}
.gt-bogo-dashboard-card {
    display: block;
    padding: 16px 14px;
    border-radius: var(--gtb-radius-md);
    background: #020617;
    border: 1px solid var(--gtb-border-soft);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.85);
    text-decoration: none;
    transition: background .18s ease, transform .12s ease, border-color .18s ease, box-shadow .18s ease;
}
.gt-bogo-dashboard-card h3 {
    margin: 0 0 6px;
    font-size: 15px;
}
.gt-bogo-dashboard-card p {
    margin: 0;
    font-size: 13px;
}
.gt-bogo-dashboard-card:hover {
    background: radial-gradient(circle at top left, rgba(225, 0, 0, 0.25), #020617 70%);
    transform: translateY(-1px);
    border-color: #e10000;
    box-shadow: 0 22px 60px rgba(15, 23, 42, 1);
}

/* Generic cards / sections */
.gt-bogo-section,
.gt-bogo-card,
.gt-bogo-panel,
.gt-bogo-box,
.gt-bogo-docs-section {
    background: #020617;
    border-radius: var(--gtb-radius-md);
    border: 1px solid var(--gtb-border-soft);
    padding: 18px 16px;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.9);
    margin-bottom: 16px;
}

/* Setting rows */
.gt-bogo-setting-row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding: 12px 10px;
    border-radius: 12px;
    background: #020617;
    border: 1px solid var(--gtb-border);
    margin-bottom: 10px;
}

/* Slider-style toggles */
.gt-bogo-toggle input[type="checkbox"] {
    appearance: none;
    width: 44px;
    height: 22px;
    border-radius: 999px;
    background: #1f2933;
    border: 1px solid #4b5563;
    position: relative;
    cursor: pointer;
}
.gt-bogo-toggle input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #e5e7eb;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.45);
    transition: transform 0.18s ease;
}
.gt-bogo-toggle input[type="checkbox"]:checked {
    background: #e10000;
    border-color: #e10000;
}
.gt-bogo-toggle input[type="checkbox"]:checked::before {
    transform: translateX(18px);
}

/* Inputs */
.gt-bogo-field input[type="text"],
.wrap.gt-bogo-engine-wrap input[type="text"],
.wrap.gt-bogo-engine-wrap input[type="number"],
.wrap.gt-bogo-engine-wrap select {
    width: 100%;
    max-width: 360px;
    background: #020617;
    border-radius: 10px;
    border: 1px solid var(--gtb-border-soft);
    padding: 8px 10px;
    color: #ffffff;
    font-size: 13px;
}

/* Status pills */
.gt-bogo-status-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
}
.gt-bogo-status-list li {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid rgba(15,23,42,0.9);
}
.gt-bogo-status-pill,
.gt-bogo-status {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
}
.gt-bogo-status-on {
    background: rgba(34,197,94,0.15);
    color: #4ade80;
    border: 1px solid rgba(34,197,94,0.45);
}

/* Primary / secondary buttons – all GT Red */
.wrap.gt-bogo-engine-wrap .button-primary,
.wrap.gt-bogo-engine-wrap .button.button-primary,
.wrap.gt-bogo-engine-wrap .gt-bogo-btn-primary {
    border-radius: 999px;
    background: #e10000;
    border-color: #e10000;
    color: #ffffff;
    font-weight: 700;
    box-shadow: 0 18px 40px rgba(225, 0, 0, 0.45);
}
.wrap.gt-bogo-engine-wrap .button-primary:hover,
.wrap.gt-bogo-engine-wrap .button.button-primary:hover,
.wrap.gt-bogo-engine-wrap .gt-bogo-btn-primary:hover {
    background: #b00000;
    border-color: #b00000;
}
.wrap.gt-bogo-engine-wrap .button-secondary {
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.98);
    border-color: var(--gtb-border-soft);
    color: #ffffff;
    font-weight: 600;
}

/* Make bare "Save" buttons red as well */
.wrap.gt-bogo-engine-wrap .submit .button,
.wrap.gt-bogo-engine-wrap .button.save-settings,
.wrap.gt-bogo-engine-wrap input[type="submit"] {
    background: #e10000;
    border-color: #e10000;
    color: #ffffff;
    border-radius: 999px;
    font-weight: 600;
}

/* Responsive tweaks */
@media (max-width: 900px) {
    .gt-bogo-engine-wrapper {
        flex-direction: column;
    }
    .gt-bogo-engine-sidebar {
        width: 100%;
        min-width: 0;
    }
}



/* =========================================================
   FINAL HIGH-CONTRAST DEV UI – GT RED + DARK NAVY
   (GRAPHIC T-SHIRTS Coupon Lab Dev UI)
   ========================================================= */
:root {
    --gtb-bg: #E10000;
    --gtb-bg-soft: #E10000;
    --gtb-bg-card: #020617;
    --gtb-bg-card-alt: #020617;
    --gtb-border: #111827;
    --gtb-border-soft: rgba(148, 163, 184, 0.65);
    --gtb-accent: #E10000;
    --gtb-accent-hover: #b91c1c;
    --gtb-accent-soft: rgba(225, 0, 0, 0.22);
    --gtb-text-main: #F9FAFB;
    --gtb-text-soft: #ffffff;
    --gtb-text-subtle: #ffffff;
}

/* Main wrapper */
.wrap.gt-bogo-engine-wrap {margin-top: 20px;
    padding: 24px 24px 32px;
    background: #020617; !important;
    color: #F9FAFB !important;
    border-radius: 18px;
    box-shadow: 0 26px 80px rgba(15, 23, 42, 0.92);
    max-width: 1200px;
    font-size: 15px;
    line-height: 1.7;
}
.wrap.gt-bogo-engine-wrap * {
    color: #ffffff !important;
}

/* Top admin brand header – dark navy bar to match logo */
.gt-bogo-admin-brand-header {
    background: #020617 !important;
    border-radius: 18px;
    border: 1px solid #0f172a !important;
    padding: 18px 18px;
    display: flex;
    align-items: center;
    gap: 18px;
}
.gt-bogo-admin-brand-header *,
.gt-bogo-admin-brand-header .gt-bogo-admin-tagline {
    color: #ffffff !important;
}

/* Cards / panels */
.gt-bogo-section,
.gt-bogo-card,
.gt-bogo-panel,
.gt-bogo-box {
    background: #020617 !important;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.55) !important;
    color: #ffffff !important;
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.9);
}

/* Dashboard cards */
.gt-bogo-dashboard-card {
    background: #020617 !important;
    border: 1px solid rgba(148, 163, 184, 0.6) !important;
}
.gt-bogo-dashboard-card:hover {
    background: radial-gradient(circle at top left, rgba(225, 0, 0, 0.22), #020617 70%) !important;
    border-color: #E10000 !important;
}

/* Inputs */
.wrap.gt-bogo-engine-wrap input,
.wrap.gt-bogo-engine-wrap select,
.wrap.gt-bogo-engine-wrap textarea {
    background: #020617 !important;
    color: #ffffff !important;
    border-radius: 8px;
    border: 1px solid rgba(148, 163, 184, 0.7) !important;
}

/* Toggle sliders */
.gt-bogo-toggle input[type="checkbox"] {
    background: #020617 !important;
    border: 1px solid #4b5563 !important;
}
.gt-bogo-toggle input[type="checkbox"]::before {
    background: #e5e7eb !important;
}
.gt-bogo-toggle input[type="checkbox"]:checked {
    background: #E10000 !important;
    border-color: #E10000 !important;
}

/* Glowing pill buttons – no blue links */
.wrap.gt-bogo-engine-wrap .button,
.wrap.gt-bogo-engine-wrap .button-primary,
.wrap.gt-bogo-engine-wrap .button-secondary,
.wrap.gt-bogo-engine-wrap .gt-bogo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 18px;
    border-radius: 999px !important;
    background: #E10000 !important;
    border: 1px solid #E10000 !important;
    color: #ffffff !important;
    font-weight: 600;
    text-decoration: none !important;
    box-shadow: 0 18px 40px rgba(225, 0, 0, 0.55);
}
.wrap.gt-bogo-engine-wrap .button:hover,
.wrap.gt-bogo-engine-wrap .button-primary:hover,
.wrap.gt-bogo-engine-wrap .button-secondary:hover,
.wrap.gt-bogo-engine-wrap .gt-bogo-btn:hover {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
}

/* Save settings buttons explicitly */
.wrap.gt-bogo-engine-wrap .button-primary[type="submit"],
.wrap.gt-bogo-engine-wrap .button[type="submit"] {
    background: #E10000 !important;
    border-color: #E10000 !important;
    color: #ffffff !important;
}

/* Sidebar / menu buttons */
.gt-bogo-menu a {
    border-radius: 999px !important;
    background: #020617 !important;
    border: 1px solid rgba(148, 163, 184, 0.7) !important;
    color: #ffffff !important;
}
.gt-bogo-menu a:hover {
    background: rgba(225, 0, 0, 0.22) !important;
    border-color: #E10000 !important;
}
.gt-bogo-menu li.active a,
.gt-bogo-menu a.current {
    background: #E10000 !important;
    border-color: #E10000 !important;
    color: #ffffff !important;
}

/* PRO box accent */
.gt-bogo-pro-box {
    background: linear-gradient(135deg, #020617, #0f172a) !important;
    border-color: rgba(148, 163, 184, 0.7) !important;
}
.gt-bogo-pro-box h4 {
    color: #ffffff !important;
}

/* White info boxes – force dark text so they don't disappear */
.gt-bogo-card--light,
.gt-bogo-info-box,
/* Links inside admin – no blue */
.wrap.gt-bogo-engine-wrap a {
    color: #F9FAFB !important;
    text-decoration: none;
}
.wrap.gt-bogo-engine-wrap a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}


/* High contrast overrides */
h1,h2,h3,h4,h5,h6,
.gt-bogo-brand-title,
.gt-section-title,
.card-title,
.wp-heading-inline {
    color:#ffffff !important;
}

.gt-sidebar .menu-text,
.gt-sidebar a,
.gt-sidebar span {
    color:#ffffff !important;
}

.gt-bogo-engine-wrapper a,
.gt-bogo-admin-wrap a,
.gt-bogo-admin-page a,
.gt-bogo-section a,
.gt-bogo-card a,
.gt-bogo-docs-section a {
    color:#E10000;
}

button, .button-primary {
    border-radius:40px !important;
    padding:10px 24px !important;
}



/* GT BOGO ENGINE – white-dove-4.0.3 custom fixes */

/* Section titles as dark banners */
.gt-bogo-section-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: var(--gtb-radius-md);
    background: #020617;
    border: 1px solid var(--gtb-border-soft);
    color: #ffffff;
    font-size: 16px;
    margin: 0 0 10px;
}



/* white-dove-4.0.5 specific fixes */

/* PRO BOGO Rules Page text */
.gt-bogo-pro-rules-desc,
.gt-bogo-pro-rules-empty {
    color: #ffffff !important;
}

/* Left menu upgrade text */
.gt-bogo-upgrade-desc {
    color: #ffffff !important;
}

/* Dashboard intro text */
.gt-bogo-dashboard-intro {
    color: #ffffff !important;
}

/* Red glow pill buttons for PRO Rule buttons only */
.gt-bogo-pro-add-btn,
.gt-bogo-pro-save-btn {
    background: #E10000 !important;
    border-color: #E10000 !important;
    color: #ffffff !important;
    border-radius: 40px !important;
    box-shadow: 0 0 12px rgba(225,0,0,0.55) !important;
}


/* 4.0.6 header/subtitle text fix */
.gt-bogo-header h2,
.gt-bogo-header p,
.gt-bogo-admin-brand-header h2,
.gt-bogo-admin-brand-header p,
.gt-bogo-section-title,
.gt-bogo-admin-page h2,
.gt-bogo-admin-page h3,
.gt-bogo-page-title,
.gt-bogo-page-subtitle {
    color:#ffffff !important;
}


/* --- GT BOGO ENGINE UI fixes (test build) --- */
.gt-bogo-section-desc,
.gt-bogo-admin-subtitle,
.gt-bogo-admin-subtitle * ,
.gt-bogo-section-desc * {
  color: #ffffff !important;
}


/* --- GT BOGO ENGINE UI fixes (test build) --- */
.gt-bogo-section-desc,
.gt-bogo-admin-subtitle,
.gt-bogo-admin-subtitle *,
.gt-bogo-section-desc * {
  color: #ffffff !important;
}



/* Ensure no gray-on-gray regressions inside plugin pages */
body[class*="gt-bogo-engine"] .gtb,
body[class*="gt-bogo-engine"] .gtb * {
  color: var(--gtb-text) !important;
}
body[class*="gt-bogo-engine"] .gtb-muted,
body[class*="gt-bogo-engine"] .gtb small,
body[class*="gt-bogo-engine"] .description {
  color: var(--gtb-text) !important;
  opacity: 0.85;
}



/* force white headings and sidebar copy */
body[class*="gt-bogo-engine"] .gt-bogo-page-title,
body[class*="gt-bogo-engine"] h1,
body[class*="gt-bogo-engine"] h2,
body[class*="gt-bogo-engine"] h3,
body[class*="gt-bogo-engine"] p,
body[class*="gt-bogo-engine"] li,
body[class*="gt-bogo-engine"] a,
body[class*="gt-bogo-engine"] .gtb-muted,
body[class*="gt-bogo-engine"] .gtb-subtle {
    color: #ffffff !important;
}


/* -----------------------------------------------------------------------------
   3.5.9 UI Polish: Glowing pill buttons + docs list helpers (no behavior changes)
----------------------------------------------------------------------------- */

/* Ensure sidebar PRO text and headings are always white */
.gt-bogo-engine-sidebar,
.gt-bogo-engine-sidebar * ,
.gt-bogo-pro-box,
.gt-bogo-pro-box * {
    color: #ffffff !important;
}

/* Glowing sidebar navigation buttons */
.gt-bogo-menu a {
    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(225, 0, 0, 0.12) inset;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.gt-bogo-menu a:hover {
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.35),
        0 16px 44px rgba(225, 0, 0, 0.42);
}
.gt-bogo-menu li.active a,
.gt-bogo-menu a.current {
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.35),
        0 18px 50px rgba(225, 0, 0, 0.58);
}
.gt-bogo-menu a:focus,
.gt-bogo-menu a:focus-visible {
    outline: none;
    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.35),
        0 18px 50px rgba(225, 0, 0, 0.58),
        0 0 0 3px rgba(255, 255, 255, 0.35);
}

/* Glowing primary buttons across plugin pages */
.wrap.gt-bogo-engine-wrap .button-primary,
.wrap.gt-bogo-engine-wrap .button.button-primary,
.wrap.gt-bogo-engine-wrap .gt-bogo-btn-primary,
.wrap.gt-bogo-engine-wrap .submit .button,
.wrap.gt-bogo-engine-wrap .submit input[type="submit"] {
    border-radius: 999px !important;
    box-shadow:
        0 16px 44px rgba(0, 0, 0, 0.35),
        0 18px 52px rgba(225, 0, 0, 0.55) !important;
}
.wrap.gt-bogo-engine-wrap .button-primary:hover,
.wrap.gt-bogo-engine-wrap .button.button-primary:hover,
.wrap.gt-bogo-engine-wrap .gt-bogo-btn-primary:hover,
.wrap.gt-bogo-engine-wrap .submit .button:hover,
.wrap.gt-bogo-engine-wrap .submit input[type="submit"]:hover {
    box-shadow:
        0 18px 52px rgba(0, 0, 0, 0.35),
        0 22px 60px rgba(225, 0, 0, 0.62) !important;
    transform: translateY(-1px);
}
.wrap.gt-bogo-engine-wrap .button-primary:focus,
.wrap.gt-bogo-engine-wrap .button-primary:focus-visible,
.wrap.gt-bogo-engine-wrap .button.button-primary:focus,
.wrap.gt-bogo-engine-wrap .button.button-primary:focus-visible,
.wrap.gt-bogo-engine-wrap .gt-bogo-btn-primary:focus,
.wrap.gt-bogo-engine-wrap .gt-bogo-btn-primary:focus-visible,
.wrap.gt-bogo-engine-wrap .submit .button:focus,
.wrap.gt-bogo-engine-wrap .submit .button:focus-visible,
.wrap.gt-bogo-engine-wrap .submit input[type="submit"]:focus,
.wrap.gt-bogo-engine-wrap .submit input[type="submit"]:focus-visible {
    outline: none;
    box-shadow:
        0 18px 52px rgba(0, 0, 0, 0.35),
        0 22px 60px rgba(225, 0, 0, 0.62),
        0 0 0 3px rgba(255, 255, 255, 0.35) !important;
}

/* Docs helper styles (safe additions) */
.gt-bogo-docs-divider {
    height: 1px;
    width: 100%;
    margin: 14px 0;
    background: rgba(255, 255, 255, 0.14);
}
.gt-bogo-docs-list {
    margin: 10px 0 14px 22px;
    color: #ffffff;
}
.gt-bogo-docs-list li {
    margin: 6px 0;
}


/* -------------------------------------------------------------------------- */
/* Import / Export (PRO) - ensure consistent brand UI                          */
/* -------------------------------------------------------------------------- */
.gtbe-wrap,
.gt-bogo-engine-import-export-wrap{
  color:#fff;
}
.gtbe-hero{
  background:rgba(7,12,28,0.88);
  border:1px solid rgba(255,255,255,0.14);
  border-radius:16px;
  padding:18px 18px;
  margin: 10px 0 18px 0;
}
.gtbe-title{
  font-size:18px;
  font-weight:800;
  color:#fff;
}
.gtbe-subtitle{
  color:rgba(255,255,255,0.85);
  margin-top:6px;
}
.gtbe-grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap:14px;
}
.gtbe-card{
  grid-column: span 12;
  background:rgba(7,12,28,0.88);
  border:1px solid rgba(255,255,255,0.14);
  border-radius:16px;
  padding:16px 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}
.gtbe-card h3{ color:#fff; margin:0 0 8px 0; }
.gtbe-card p,
.gtbe-card li{ color:rgba(255,255,255,0.88); }
.gtbe-btn{
  display:inline-block;
  background:#E10000;
  color:#fff !important;
  border-radius:999px;
  padding:10px 16px;
  text-decoration:none;
  font-weight:800;
  box-shadow: 0 0 18px rgba(225,0,0,0.55);
}
.gtbe-btn:hover{
  box-shadow: 0 0 26px rgba(225,0,0,0.75);
  transform: translateY(-1px);
}

/* Ensure top text areas never go dark on red pages */
.gt-bogo-engine-import-export-wrap h1,
.gt-bogo-engine-import-export-wrap h2,
.gt-bogo-engine-import-export-wrap h3,
.gt-bogo-engine-import-export-wrap p,
.gt-bogo-engine-import-export-wrap a{
  color:#fff;
}

/* === GT BOGO ENGINE ENTERPRISE UI (LOCKED) === */
body.toplevel_page_gt-bogo-engine,
body[class*="gt-bogo-engine"] {
    background: #E10000 !important;
}

/* Universal header */
.gtbogo-admin-header img {
    max-width: 100%;
    border-radius: 18px;
    margin-bottom: 20px;
}

/* Cards */
.gtbogo-card {
    background: #070c1c;
    color: #ffffff;
    border-radius: 18px;
    padding: 22px;
    margin-bottom: 22px;
}

/* Force white text everywhere inside plugin */
.gtbogo-card *,
.gtbogo-admin-page * {
    color: #ffffff !important;
}

/* Red glowing pill buttons */
.gtbogo-btn,
button.gtbogo-btn,
input[type="submit"].gtbogo-btn {
    background: #E10000;
    color: #ffffff;
    border: none;
    border-radius: 999px;
    padding: 10px 22px;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(225,0,0,0.7);
    transition: box-shadow 0.25s ease, transform 0.1s ease;
}
.gtbogo-btn:hover {
    box-shadow: 0 0 22px rgba(225,0,0,0.95);
}
.gtbogo-btn:active {
    transform: scale(0.97);
}

.gtbogo-dropdown { background:#070c1c;border-radius:14px;padding:14px;margin-top:10px }
.gtbogo-dropdown summary { cursor:pointer;font-weight:700 }
.gtbogo-dropdown-inner { max-height:320px;overflow:auto;margin-top:10px }

.gtbogo-dropdown { background:#070c1c;border-radius:14px;padding:14px;margin-top:10px }
.gtbogo-dropdown summary { cursor:pointer;font-weight:700 }
.gtbogo-dropdown-inner { max-height:320px;overflow:auto;margin-top:10px }

/* ========================================
   SELECT2 PRODUCT/CATEGORY SELECTOR STYLING
   ======================================== */

/* Make dropdown container large */
.select2-container--default .select2-results > .select2-results__options {
    max-height: 400px !important; /* Tall dropdown */
    font-size: 14px;
}

/* Large search box */
.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 45px;
    font-size: 16px;
    padding: 10px 15px;
    border: 2px solid #070C1C;
}

/* Large result items */
.select2-container--default .select2-results__option {
    padding: 12px 15px;
    font-size: 14px;
    line-height: 1.6;
}

/* Hover state */
.select2-container--default .select2-results__option--highlighted {
    background-color: #E10000 !important;
    color: #fff !important;
}

/* Selected tags (chips) - make them large and visible */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #070C1C !important;
    border: 2px solid #E10000 !important;
    color: #fff !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    margin: 5px 5px 5px 0 !important;
    border-radius: 4px;
}

/* Remove button on tags */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #FF6B6B !important;
    font-size: 18px !important;
    margin-right: 8px !important;
}

/* Multi-select container - make it taller */
.select2-container--default .select2-selection--multiple {
    min-height: 60px !important;
    padding: 5px !important;
    border: 2px solid #070C1C !important;
}

/* Dropdown width - make it full width */
.select2-container {
    width: 100% !important;
}

.select2-dropdown {
    border: 2px solid #070C1C !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2) !important;
}

/* Loading spinner */
.select2-container--default .select2-results__option--loading {
    padding: 20px;
    text-align: center;
    font-size: 14px;
}

/* No results message */
.select2-container--default .select2-results__message {
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #666;
}
