/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 15 2026 | 11:09:18 */
/******* 
   CUSTOM MOBILE STYLES
   Author: Rasmus Broberg
   Desc: Edits the menu and header to fit on mobile and tablet.
   ORG: ZYNKA AB

*******/


/* =========================
   GLOBAL RESPONSIVE SYSTEM
   (ALL SECTIONS)
========================= */


/* =========================
   TABLET (≤1024px)
========================= */

@media (max-width: 1024px) {

    /* Menu width becomes wider */
    .wp-block-navigation__responsive-container {
        width: 80vw;
    }

    /* Reduce large paddings */
    .wp-block-navigation-item__content {
        padding: 16px 18px !important;
        font-size: 16px;
    }

    /* Reduce submenu indentation */
    .wp-block-navigation__submenu-container 
    > .wp-block-navigation-item 
    > .wp-block-navigation-item__content 
    .wp-block-navigation-item__label {

        padding-left: 30px !important;
    }

    /* Disable desktop push */
    html.has-modal-open .wp-site-blocks {
        padding-right: 0 !important;
    }

}
/* =========================
   TABLET HEADER LAYOUT
   (782px–1024px)
========================= */

@media (min-width: 782px) and (max-width: 1024px) {

    /* Reduce large global padding */
    header .wp-block-group.alignfull {
        padding-left: 16px !important;
        padding-right: 16px !important;
        min-height: auto !important;
    }

    /* Reset column widths */
    header .wp-block-column {

        flex-basis: auto !important;
        width: auto !important;
        max-width: none !important;

        display: flex !important;
        align-items: center !important;
    }

    /* Header columns layout */
    header .wp-block-columns {

        display: flex !important;
        flex-wrap: nowrap !important;

        justify-content: space-between !important;
        align-items: center !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 10px 0 !important;

        box-sizing: border-box;
    }

    /* Logo spacing fix */
    .wp-block-site-logo {
        padding-left: 0 !important;
        margin: 0 !important;
    }

    /* Tablet logo size */
    header img.custom-logo {
        max-height: 42px !important;
        width: auto !important;
    }

    /* Keep search visible but constrained */
    header .wp-block-search {

        flex: 1 1 auto !important;

        max-width: 55% !important;

        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    /* Hamburger alignment */
    header .wp-block-navigation__responsive-container-open {

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        margin-left: auto !important;

        padding: 6px !important;
    }

}

/* =========================
   MOBILE (≤781px)
========================= */

@media (max-width: 781px) {

    /* Full screen menu */
    .wp-block-navigation__responsive-container {
        width: 100vw;
        padding: 20px 0;
    }

    /* Disable layout push */
    html.has-modal-open .wp-site-blocks {
        padding-right: 0 !important;
    }

    /* Reduce top-level menu size */
    .wp-block-navigation__container 
    > .wp-block-navigation-item 
    > .wp-block-navigation-item__content {

        font-size: 17px;
    }

    /* Reduce level 2 font */
    .wp-block-navigation__submenu-container 
    > .wp-block-navigation-item 
    > .wp-block-navigation-item__content {

        font-size: 15px;
    }

    /* Reduce level 3 font */
    .wp-block-navigation__submenu-container 
    .wp-block-navigation__submenu-container 
    > .wp-block-navigation-item 
    > .wp-block-navigation-item__content {

        font-size: 14px;
    }

    /* Reduce nested spacing */
    .wp-block-navigation__submenu-container 
    > .wp-block-navigation-item 
    > .wp-block-navigation-item__content 
    .wp-block-navigation-item__label {

        padding-left: 24px !important;
    }

}


/* =========================
   SMALL PHONES (≤480px)
========================= */

@media (max-width: 480px) {

    /* Tighter menu rows */
    .wp-block-navigation-item__content {
        padding: 14px 16px !important;
        font-size: 15px;
    }

    /* Reduce submenu indent more */
    .wp-block-navigation__submenu-container 
    > .wp-block-navigation-item 
    > .wp-block-navigation-item__content 
    .wp-block-navigation-item__label {

        padding-left: 20px !important;
    }

    /* Reduce level 3 indent */
    .wp-block-navigation__submenu-container 
    .wp-block-navigation__submenu-container 
    > .wp-block-navigation-item 
    > .wp-block-navigation-item__content 
    .wp-block-navigation-item__label {

        padding-left: 30px !important;
    }

}


/* =========================
   MOBILE HEADER SAFE FIX
========================= */

@media (max-width: 781px) {

    /* Remove unwanted top spacing */
    header.wp-block-template-part {
        margin-top: 0 !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    /* Remove WordPress default column spacing */
    header.wp-block-template-part .wp-block-columns {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Keep hamburger visible on all pages */
    .wp-block-navigation__responsive-container-open {
        display: block !important;
        position: relative;
        z-index: 10001;
    }

    /* Hide search box on mobile */
    header .wp-block-search {
        display: none !important;
    }

}


/* =========================
   SMALL PHONES (≤480px)
========================= */

@media (max-width: 480px) {

    /* Slightly smaller logo */
    header.wp-block-template-part img {
        max-height: 36px;
        width: auto;
    }

}

/* =========================
   FORCE MOBILE HAMBURGER
   (ALL PAGES)
========================= */

@media (max-width: 781px) {

    /* Always show hamburger */
    .wp-block-navigation__responsive-container-open {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        position: relative;
        z-index: 10001;

        margin-left: auto;
        padding-top: 0 !important;
    }

    /* Prevent navigation hiding itself */
    .wp-block-navigation {
        display: block !important;
    }

    /* Prevent header clipping */
    header.wp-block-template-part {
        overflow: visible !important;
    }

}

/* =========================
   MOBILE HEADER RESET
   LOGO + HAMBURGER INLINE
========================= */

@media (max-width: 781px) {

    /* Remove extra spacing from header container */
    header .wp-block-group.alignfull {
        padding-left: 0 !important;
        padding-right: 0 !important;
        min-height: auto !important;
    }

    /* Remove search column completely */
    header .wp-block-column:nth-child(2) {
        display: none !important;
    }

    /* Reset columns layout */
    header .wp-block-columns {

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        justify-content: space-between !important;
        align-items: center !important;

        width: 100% !important;
        margin: 0 !important;

        padding: 12px 16px !important;

        box-sizing: border-box;
    }

    /* Remove desktop flex widths */
    header .wp-block-column {

        flex-basis: auto !important;
        width: auto !important;
        max-width: none !important;

        display: flex !important;
        align-items: center !important;
    }

    /* Fix logo padding (important) */
    .wp-block-site-logo {
        padding-left: 0 !important;
        margin: 0 !important;
    }

    /* Logo size */
    header img.custom-logo {
        max-height: 38px !important;
        width: auto !important;
    }

    /* Hamburger column */
    header .wp-block-column:last-child {

        margin-left: auto !important;

        justify-content: flex-end !important;
    }

    /* Hamburger button alignment */
    .wp-block-navigation__responsive-container-open {

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 6px !important;
    }

}
/* =========================
   FIX INLINE LOGO PADDING
========================= */

@media (max-width: 781px) {

    /* Override inline logo padding */
    header .wp-block-site-logo {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Ensure logo stays visible */
    header .custom-logo-link {
        display: flex !important;
        align-items: center !important;
    }

    /* Prevent right overflow */
    header .wp-block-columns {
        overflow: hidden !important;
    }

}
/* =========================
   FORCE NAVIGATION VISIBLE
   (OVERRIDE UAG HIDE)
========================= */

@media (max-width: 781px) {

    .uag-hide-mob {
        display: block !important;
    }

    .uag-hide-tab {
        display: block !important;
    }

}