/* =========================================================
   IDS Core UTP Overrides v4.0
   Final clean theme/app overrides only
   ========================================================= */

/* ---------------------------------------------------------
   01. WordPress Theme Chrome Removal
--------------------------------------------------------- */

body:has(.ids-utp) header,
body:has(.ids-utp) .site-header,
body:has(.ids-utp) #masthead,
body:has(.ids-utp) .main-header,
body:has(.ids-utp) .header,
body:has(.ids-utp) .page-header,
body:has(.ids-utp) .entry-header,
body:has(.ids-utp) .elementor-location-header,
body:has(.ids-utp) .breadcrumbs,
body:has(.ids-utp) .breadcrumb,
body:has(.ids-utp) .page-title,
body:has(.ids-utp) h1.entry-title {
    display: none !important;
}

body:has(.ids-utp),
body:has(.ids-utp) #page,
body:has(.ids-utp) .site,
body:has(.ids-utp) .site-content,
body:has(.ids-utp) .content-area,
body:has(.ids-utp) .site-main,
body:has(.ids-utp) article,
body:has(.ids-utp) .entry-content,
body:has(.ids-utp) .page-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ---------------------------------------------------------
   02. UTP App Canvas
--------------------------------------------------------- */

body:has(.ids-utp) {
    min-height: 100vh !important;
    overflow-x: hidden !important;
}

body:has(.ids-utp)::after {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.24);
    pointer-events: none;
    z-index: 0;
}

/* ---------------------------------------------------------
   03. Fluid App Shell
--------------------------------------------------------- */

body:has(.ids-utp) .ids-utp {
    position: relative !important;
    z-index: 2 !important;

    width: clamp(1180px, 86vw, 1680px) !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding-top: 52px !important;
    padding-bottom: 80px !important;

    display: grid !important;
    grid-template-columns: clamp(220px, 15vw, 260px) minmax(0, 1fr) !important;
    gap: clamp(28px, 3vw, 52px) !important;

    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

body:has(.ids-utp) .ids-workspace,
body:has(.ids-utp) .ids-workspace-backoffice,
body:has(.ids-utp) .utp-workspace-shell,
body:has(.ids-utp) .ids-staff-wrap {
    width: 100% !important;
    max-width: none !important;
}

/* ---------------------------------------------------------
   04. Workspace Container
--------------------------------------------------------- */

body:has(.ids-utp) .ids-staff-wrap {
    margin: 0 !important;
    padding: 24px !important;

    background: rgba(245, 247, 251, 0.97) !important;
    border: 1px solid rgba(226, 232, 240, 0.75) !important;
    border-radius: 28px !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.30) !important;
}

/* ---------------------------------------------------------
   05. Sidebar Brand
--------------------------------------------------------- */

body:has(.ids-utp) .utp-sidebar-brand-full {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    padding: 18px 12px 30px !important;
    margin-bottom: 22px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

body:has(.ids-utp) .utp-sidebar-logo-img {
    width: 168px !important;
    height: auto !important;
    display: block !important;
    margin: 0 0 22px !important;
}

body:has(.ids-utp) .utp-sidebar-product {
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    color: rgba(255, 255, 255, 0.58) !important;
    text-align: center !important;
}

body:has(.ids-utp) .utp-sidebar-brand-text,
body:has(.ids-utp) .utp-sidebar-logo {
    display: none !important;
}

/* ---------------------------------------------------------
   06. Hero Header
--------------------------------------------------------- */

body:has(.ids-utp) .utp-workspace-header {
    padding: 24px 34px !important;
    border-radius: 26px !important;
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.08) !important;
}

body:has(.ids-utp) .utp-workspace-header h1,
body:has(.ids-utp) .utp-workspace-title,
body:has(.ids-utp) .utp-workspace-header__title h1 {
    font-size: 28px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
}

/* ---------------------------------------------------------
   07. Search Panel
--------------------------------------------------------- */

body:has(.ids-utp) .utp-search-panel,
body:has(.ids-utp) .ids-search-panel,
body:has(.ids-utp) .utp-travel-search {
    border-radius: 26px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 24px 58px rgba(2, 8, 23, 0.26) !important;
}

body:has(.ids-utp) .utp-search-panel form,
body:has(.ids-utp) .ids-search-panel form,
body:has(.ids-utp) .utp-travel-search form {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 10px 26px rgba(15, 23, 42, 0.08) !important;
}

/* ---------------------------------------------------------
   08. Cards / Panels
--------------------------------------------------------- */

body:has(.ids-utp) .utp-workspace-panel,
body:has(.ids-utp) .utp-overview-section,
body:has(.ids-utp) .utp-panel,
body:has(.ids-utp) .utp-card,
body:has(.ids-utp) .utp-workspace-card {
    box-shadow: 0 12px 35px rgba(15, 23, 42, 0.08) !important;
}

body:has(.ids-utp) .utp-workspace-card,
body:has(.ids-utp) .utp-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

body:has(.ids-utp) .utp-workspace-card:hover,
body:has(.ids-utp) .utp-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12) !important;
    border-color: rgba(255, 94, 68, 0.22) !important;
}

/* =========================================================
   Hide website footer inside UTP
   ========================================================= */

body:has(.ids-utp) footer,
body:has(.ids-utp) .site-footer,
body:has(.ids-utp) #colophon,
body:has(.ids-utp) .footer-area,
body:has(.ids-utp) .footer-main,
body:has(.ids-utp) .footer-bottom {
    display: none !important;
}