/* local_digital - theme stylesheet (v2 engine).
 *
 * DELIBERATELY ALMOST EMPTY, and that is the lesson from black_chamber.
 *
 * This theme's look comes from job_hub/assets/css/style.css plus the inline
 * <style> blocks each legacy view carries. Those blocks are scoped by WHICH
 * FILE INCLUDES THEM - a rule in pages/about_us.php reaches the About page and
 * nothing else. Lifting them into a theme stylesheet makes them global, and on
 * black_chamber that turned a 562px banner into 338px on every inner page.
 *
 * So page rules stay in their page, under the engine's `ig-screen-<template>`
 * body class when they need a hook. Only genuinely theme-wide rules belong
 * here, nested under .ld-scope so they cannot escape into an embedded widget.
 */

.ld-scope { position: relative; }

/* ==========================================================================
   PORTAL BRAND COLOUR OVERRIDES
   ==========================================================================
   TWO blues are hardcoded across the stylesheets this theme loads, not one.
   #3C65F5 is job_hub's, and I overrode that. #574de3 is master's, it lives in
   landing_file/master/css/main.css, and the landing page loads that file
   directly - so every "still blue" you pointed at was the second colour in a
   file I had never scanned. `.section-heading h3`'s 2px bottom border is the
   clearest example: it is not in any of the three files the old block covered.

   Generated from all four stylesheets - main.css, job_hub style.css,
   style123.css, custom.css - by rewriting every declaration whose value
   CONTAINS either blue:

     - a bare hex                -> var(--ld-primary)
     - an 8-digit hex (#574de3cc) -> color-mix(..., <alpha>%, transparent),
       so translucent overlays and shadows keep their transparency instead of
       turning into a solid block
     - a shorthand (border, box-shadow, background with a url) -> the whole
       value restated with the hex swapped in place, which is the only way to
       reach `border-bottom: 2px solid #574de3` without guessing the longhand
     - relative url() -> resolved against its ORIGINAL stylesheet, because
       these rules are served from themes/local_digital/css/ and `../imgs/...`
       would otherwise 404

   !important is carried through from the source rule and NOT added anywhere
   it was absent: these restate existing selectors, so equal specificity plus
   later load order is enough, and adding it would break any portal override
   written afterwards.

   Fallback #3C65F5 throughout, so a portal that has set no colour renders
   exactly as it does today.

   REGENERATE, don't hand-edit. The generator is recorded in _kb/CHECKLIST.md.
   ========================================================================== */

.Qme-status-bar,
.banner-hero.hero-3,
.card-grid-2.grid-bd-16 .lbl-hot,
.header-brand-2,
.header-brand-2.sticky-bar.stick,
.noUi-background,
.qme-close-sidebar,
.qme-modal-list ul li a:hover,
.qme-modal-list ul li.active a,
.qme-navmenu li .toggle-nav,
.qme-navmenu li:nth-child(2) a.btn,
.qme-nearList ul li a.btn,
.qme-single-button .btn,
.slider-section .carousel-indicators .active,
.slider-section .carousel-indicators li,
.swiper-pagination-customs-active,
.swiper-pagination-customs:hover {
    background: var(--ld-primary, #3C65F5);
}

.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-nav [class*=owl-],
.qme-navmenu li .toggle-nav:hover {
    background: var(--ld-primary, #3C65F5) !important;
}

.search-section:before {
    background: color-mix(in srgb, var(--ld-primary, #3C65F5) 80%, transparent);
}

.qme-location-search {
    box-shadow: 2px 12px 53px color-mix(in srgb, var(--ld-primary, #3C65F5) 20%, transparent);
}

.banner-hero .color-brand-2,
.block-pricing .box-info-price .text-price,
.block-pricing .box-pricing-item .btn-border,
.box-list-character ul li a.active,
.box-list-character ul li a:hover,
.btn-apply-now,
.btn-arrow-right,
.btn-border-brand-2,
.btn-grey,
.btn-grey-big:hover,
.btn-link:hover,
.btn-paragraph-2,
.btn-tag,
.btn-tags-sm,
.card-grid-2 .btn-apply-now,
.card-grid-2 .card-block-info .card-text-price,
.card-grid-2 .card-grid-2-image-left .right-info .name-job:hover,
.card-grid-2 a:hover,
.card-grid-3 .card-block-info .card-text-price,
.card-grid-3 h5 a:hover,
.card-grid-4 .btn-readmore:hover,
.card-grid-border .link-arrow,
.card-image-top .image .lbl-hot,
.card-list-4 .card-price,
.color-brand-2,
.header .main-menu li a.active,
.header .main-menu li a:hover,
.header .text-link-bd-btom:hover,
.header-brand-2 .btn-default,
.header-brand-2 .main-menu li ul li a:hover,
.list-checkbox li .number-item,
.nav-tabs li a.active,
.nav-tabs li a:hover,
.noUi-tooltip,
.number-element,
.slider-section .d,
.social-login:hover,
.text-blue,
.text-brand-2,
a *:hover,
a:hover {
    color: var(--ld-primary, #3C65F5);
}

.section-heading h3,
.trending-section h3:before {
    border-bottom: 2px solid var(--ld-primary, #3C65F5);
}

.Qme-status-bar {
    box-shadow: 1px 15px 20px color-mix(in srgb, var(--ld-primary, #3C65F5) 25%, transparent);
}

.box-progress-bar .progress .bg-brand-2,
.contact-from-area .contact-form-style button:hover {
    background-color: var(--ld-primary, #3C65F5) !important;
}

#scrollUp,
.banner-hero .color-brand-2::after,
.bg-brand-2,
.block-pricing .box-pricing-item .btn-border:hover,
.block-pricing .box-pricing-item:hover .btn-border,
.box-progress-bar .progress .bg-brand-2::before,
.btn-apply,
.btn-apply-big,
.btn-brand-1:hover,
.btn-editor,
.btn.btn-default,
.card-grid-2:hover .btn-apply-now,
.header .main-menu li a.active::before,
.header .main-menu li a:hover::before,
.noUi-horizontal .noUi-handle::before,
.swiper-pagination .swiper-pagination-bullet,
.swiper-pagination .swiper-pagination-bullet-active,
.swiper-pagination .swiper-pagination-bullet-active:hover {
    background-color: var(--ld-primary, #3C65F5);
}

.btn-grey-small:hover {
    color: var(--ld-primary, #3C65F5) !important;
}

.block-pricing .box-pricing-item .btn-border,
.btn-border-brand-2,
.input-disabled {
    border: 1px solid var(--ld-primary, #3C65F5);
}

.btn-send-message {
    background: var(--ld-primary, #3C65F5) url(/job_hub/assets/imgs/page/company/icon-email.svg) no-repeat 25px 15px;
}

.cb-container input:checked ~ .checkmark {
    border: 2px solid var(--ld-primary, #3C65F5);
}

.cb-container .checkmark:after {
    background: var(--ld-primary, #3C65F5) url(/job_hub/assets/imgs/template/icons/tick.svg) no-repeat center;
}

.header .main-menu li.dashboard a {
    border: 1px dashed var(--ld-primary, #3C65F5);
}

.nav-tabs li a.active,
.nav-tabs li a:hover {
    border-color: var(--ld-primary, #3C65F5);
}

.btn-send-message {
    background: var(--ld-primary, #3C65F5) url(/assets/imgs/page/company/icon-email.svg) no-repeat 25px 15px;
}

.cb-container .checkmark:after {
    background: var(--ld-primary, #3C65F5) url(/assets/imgs/template/icons/tick.svg) no-repeat center;
}


/* ==========================================================================
   BRAND COLOUR — THE INLINE <style> BLOCKS
   ==========================================================================
   A second source, and the one that kept producing "still blue" after I said
   the blues were done. These rules are not in any stylesheet: the legacy views
   PRINT them into the document as <style> blocks, so grepping the CSS files
   finds nothing and the count of blue elements on the page never reaches zero.

   Collected by reading the rendered page's own <style> elements and rewriting
   every declaration whose value carries a brand blue - the same transform as
   the block above. Four hexes, not two: #3C65F5 and #574de3, plus Bootstrap's
   link blue #0b5ed7 (.alredy_login a - the "Login" link) and #727cf5, a purple
   blue that appears only here.

   ORDER IS WHAT MAKES THESE WIN, not weight. An inline <style> beats an
   earlier stylesheet at equal specificity, so theme.css is loaded as the LAST
   element before </body> in layouts/landing_header.php. !important is carried
   through from the source rule and added nowhere new.

   Regenerate by re-running the collector against a rendered page; a view that
   grows a new inline blue will not appear here until someone does.
   ========================================================================== */

.cats_holder label.btn-default:hover .bizcontent h5,
.fallow_btn,
.searchable-container label.btn-default:hover,
.submit-field .job_detail_btn,
.table .colored_action .btn,
body .btn-info,
body .list_style_posts .card_content .badge {
    background-color: var(--ld-primary, #3C65F5) !important;
}

body .btn-info {
    border-color: var(--ld-primary, #3C65F5) !important;
}

.btn.btn-default,
.btn.btn-default.def2:hover,
.job_detail_btn,
.main_list .btn.btn-default,
.select2-results__options::-webkit-scrollbar-track {
    background-color: var(--ld-primary, #3C65F5);
}

.dashboard-header-search-submit {
    background: var(--site_color_g, var(--ld-primary, #3C65F5)) !important;
    border-color: var(--site_color_g, var(--ld-primary, #3C65F5)) !important;
}

.fix_droppp li a,
.fix_droppp li a:hover,
.fix_droppp li a:hover *,
.mobile-menu .sub-menu a:hover,
.mobile-menu a:hover {
    color: var(--ld-primary, #3C65F5) !important;
}

/* THE SEARCH BUTTON IS THE ONE PLACE THE SWAP IS WRONG.
 *
 * `.form-find .btn-find` was `background:#fff; color:#3C65F5` - a white button
 * with blue text. Rewriting the blue to the brand colour mechanically, the way
 * every other rule here is rewritten, made the LABEL the brand colour. But the
 * button is not white any more: `.btn.btn-default` in colors_settings.php
 * paints its background with the same variable, so the swap put brand text on
 * a brand background and the magnifier disappeared into it.
 *
 * The colour that belongs on a filled button is white, and the icon is
 * `fill="currentColor"`, so setting `color` alone carries it. This is the
 * exception the generator cannot see: it reads declarations one at a time and
 * has no idea what the element's background became.
 */
.form-find .btn-find,
.form-find .btn-find svg,
.form-find .btn-find * {
    color: #fff !important;
    fill: currentColor;
}

.socail_list li a {
    background: var(--ld-primary, #3C65F5);
}

.abs_hide_box svg,
.alredy_login a,
.custom_btn,
.fix_more,
.list-tabs-2 .nav-tabs li a.active,
.list-tabs-2 .nav-tabs li a:hover,
.list-tabs-2 .nav-tabs.main_list li a.active,
.list-tabs-2 .nav-tabs.main_list li a:hover,
.loc_txtt a,
.mobile-menu a:hover .submenu-indicator i,
.nav-tabs.sub_list li a.active,
.nav-tabs.sub_list li a:hover,
body .list_style_posts .card_content a.spotlight-title {
    color: var(--ld-primary, #3C65F5);
}

.dashboard_btn {
    border: 1px dashed var(--ld-primary, #3C65F5);
}

.btn_black:hover {
    background: var(--ld-primary, #3C65F5) !important;
}

.list-tabs-2 .nav-tabs li a.active,
.list-tabs-2 .nav-tabs li a:hover,
.list-tabs-2 .nav-tabs.main_list li a.active,
.list-tabs-2 .nav-tabs.main_list li a:hover,
.nav-tabs.sub_list li a.active,
.nav-tabs.sub_list li a:hover {
    border-color: var(--ld-primary, #3C65F5);
}