/* style hamburger menu */
.amelia-v2-booking #amelia-container .am-caph .am-caph__menu .am-icon-menu {
    color: white;
    font-size: 28px;
    background-color: #F0AB12!important;
    border-radius: 4px;
}


/* Increase the size in the right hand menu */
.amelia-v2-booking #amelia-container p.am-fs-sb__page-heading {
    font-size: 14px !important;
}

/* Hide the 'Filters' button */
.am-capf__menu-btn {
    display: none !important;
}

/* Make the date/time heading text transparent (visually hide) */
.amelia-v2-booking #amelia-container .am-advsc_slots-wrapper .am-advsc__slots-heading {
    color: transparent !important; /* Sets the text color to fully transparent */
    font-size: 0 !important;       /* Collapse text size */
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Mobile View */
@media (max-width: 768px) {

    /* Center and increase font size for portal heading */
    .am-caph {
        width: 100% !important;
    }

    .am-caph__text {
        text-align: center !important;
        font-size: 20px !important;
        width: 100% !important;
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
    }

    /* Remove outer border colour */
    .has-base-border-color {
        border: none !important;
    }

    /* Packages tab, increase book appointment font */
    .am-sc__capacity {
        font-size: 18px !important;
    }

    /* Packages tab, increase arrow appointment font */
    .am-icon-arrow-right {
        font-size: 20px !important;
    }

    /* Small button size */
    .am-button.am-button--small {
        font-size: 18px !important;
    }

    /* Override the font size directly on mobile time slot item */
    .amelia-v2-booking #amelia-container .am-advsc__slots-item-mobile {
        font-size: 16px !important; /* Direct override */
    }

    /* Move booking form up the page on mobile */
    .entry-content {
        margin-top: -30px !important;
    }

    /* Right menu text size */
    .amelia-v2-booking #amelia-container .am-msd__item-heading {
        font-size: 18px !important;
    }
}


/* Reduce Offset of initial block on various screens - now fully controlled by CSS */
/* This targets the Group block with the specific class */
body .wp-block-group.reduce-first-row-block-portal {
    margin-top: -100px !important;
}


/* Reduce Offset of initial block on tablets */
@media (max-width: 768px) {
    body  .wp-block-group.reduce-first-row-block-portal {
        margin-top: -40px !important; 
    }
}

/* Reduce Offset of initial block on phones */
@media (max-width: 480px) {
    body  .wp-block-group.reduce-first-row-block-portal {
        margin-top: -50px !important; 
    }
}

/* Side margins for portal on desktop */
@media screen and (min-width: 1024px) {
  .portal-group-block {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
}