/* =========================================================
   QUALITY HEALTHCARE STAFFING AGENCY (QHSA)
   Sky-Blue · White · Silver-Gray
   ========================================================= */

:root {
    --qhsa-sky:  #38BDF8;   /* Sky Blue */
    --qhsa-deep: #0EA5E9;   /* Deep Sky */
    --qhsa-gray: #E5E7EB;   /* Silver Gray */
    --qhsa-dark: #0F172A;   /* Dark Text */
    --qhsa-white:#ffffff;
}

/* ====================================
   Company Name (Header / Logo Text)
   ==================================== */
.site-title,
.site-title a,
#masthead .site-branding .site-title a {
    color: var(--qhsa-sky) !important;
    font-weight: 700;
}

.site-title a:hover {
    color: var(--qhsa-deep) !important;
}

/* ====================================
   All Buttons – Sky-Blue
   ==================================== */
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
a.button,
a.btn,
.button,
.btn,
.btn-primary,
.primary-btn,
.site-btn,
.rara-button,
.wp-block-button__link,
.job-manager-button,
.application_button,
.load_more_jobs,
.load_more_listings {
    background: linear-gradient(135deg, var(--qhsa-sky), var(--qhsa-deep)) !important;
    border: 1px solid var(--qhsa-sky) !important;
    color: var(--qhsa-white) !important;

    padding: 10px 24px !important;
    border-radius: 999px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    box-shadow: 0 6px 16px rgba(56,189,248,.35);
    transition: all .25s ease-in-out;
}

/* Hover */
button:hover,
input[type="submit"]:hover,
a.button:hover,
.btn:hover,
.wp-block-button__link:hover {
    background: linear-gradient(135deg, var(--qhsa-deep), #0284C7) !important;
    box-shadow: 0 8px 20px rgba(56,189,248,.45);
    transform: translateY(-1px);
}

/* ====================================
   Front Page Portal Tiles
   ==================================== */
body.home a[href*="portal"],
body.home a[href*="job"],
body.home a[href*="apply"],
body.home a[href*="services"],
body.home a[href*="request"] {
    display: inline-block;
    background: var(--qhsa-sky) !important;
    border: 1px solid var(--qhsa-sky) !important;
    color: var(--qhsa-white) !important;
    padding: 12px 28px !important;
    border-radius: 999px !important;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all .25s ease-in-out;
}

/* Hover */
body.home a[href*="portal"]:hover,
body.home a[href*="job"]:hover,
body.home a[href*="apply"]:hover,
body.home a[href*="services"]:hover,
body.home a[href*="request"]:hover {
    background: var(--qhsa-deep) !important;
    border-color: var(--qhsa-deep) !important;
}

/* ====================================
   Portal Tabs (Client / Employee / Admin)
   ==================================== */
.qhsa-tab {
    background: var(--qhsa-gray) !important;
    color: var(--qhsa-dark) !important;
}

.qhsa-tab.active {
    background: linear-gradient(135deg, var(--qhsa-sky), var(--qhsa-deep)) !important;
    color: var(--qhsa-white) !important;
    box-shadow: 0 6px 14px rgba(56,189,248,.35);
}

/* ====================================
   Icons & Highlights
   ==================================== */
svg path,
svg circle,
svg rect,
[fill="#2ace5e"],
[stroke="#2ace5e"] {
    fill: var(--qhsa-sky) !important;
    stroke: var(--qhsa-sky) !important;
}
/* ============================================================
   JETPACK SLIDESHOW – MATCH RARA ONE CLICK CONTENT WIDTH
   Same width as Services / Sections / Content
   ============================================================ */

/* Desktop & Laptop – match Rara container */
.wp-block-jetpack-slideshow,
.jetpack-slideshow {
    width: 100% !important;
    max-width: 1140px !important;   /* 👈 Rara One Click standard container */
    margin: 0 auto !important;

    height: 42vh !important;
    min-height: 320px !important;
    max-height: 460px !important;

    position: relative !important;
    overflow: hidden !important;
    border-radius: 12px !important;
}

/* Inner slideshow wrappers */
.wp-block-jetpack-slideshow_container,
.jetpack-slideshow .slideshow-window,
.wp-block-jetpack-slideshow_slide,
.jetpack-slideshow .slide {
    width: 100% !important;
    height: 100% !important;
}

/* Images */
.wp-block-jetpack-slideshow img,
.jetpack-slideshow img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

/* ============================================================
   TABLET – Rara adapts to full width
   ============================================================ */
@media (max-width: 1024px) {
    .wp-block-jetpack-slideshow,
    .jetpack-slideshow {
        max-width: 100% !important;
        width: 94% !important;

        height: 36vh !important;
        min-height: 280px !important;
        max-height: 420px !important;
    }
}

/* ============================================================
   MOBILE – full width (standard Rara behavior)
   ============================================================ */
@media (max-width: 768px) {
    .wp-block-jetpack-slideshow,
    .jetpack-slideshow {
        max-width: 100% !important;
        width: 100% !important;

        height: 28vh !important;
        min-height: 220px !important;
        max-height: 320px !important;
        border-radius: 8px !important;
    }
}