.main-banner,.full-width-container-footer {display:none;}
.col-padding-top {padding-top:0px !important;border-top:solid 1px #e5e5e5;}

select {visibility:visible !important;position:relative !important;}
.custom-select-opener, .leaflet-control-zoom, .leaflet-control-attribution {display:none};
.custom-select-container {background-color:#fff !important;}

/*
|----------------------------------------------------------
| INLINE STYLE MIGRATION (Base Styles)
|----------------------------------------------------------
*/

/* C. Results List Wrapper Styles */
#office-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

/* A. Office Card Base Styles (Moved from JS generated inline style) */
.AddressHolder {
    position: relative;
    width: 100%; /* Column widths handled by .AddressHolderContainer in media queries */
    background-color: #fff;
    border: 0px;
    cursor: pointer;
    background-image: url('https://www.woodplc.com/?a=211611');
    background-repeat: no-repeat;
    background-position-x: calc(100% - 25px);
    background-position-y: 30px;
}

/* A. Office Card Content Styles (Moved from JS generated inline style) */
.office-card-content {
    padding: 30px;
    font-weight: 600;
    height: fit-content;
    text-align: left;
}

/* A. Conditional Border Styles for Major/Head Office (From JS generated inline style) 
.major-office-border, .head-office-border {
    border: solid 2px #9B26AF;
}*/

/* B. Map/Filter Toggle Image Styles (Moved from HTML inline style) */
.toggle img {
    margin-right: 12px;
    position: relative;
    /*top: 5px; */
}


/*
|----------------------------------------------------------
| LAYOUT & FOCUS FIXES (Finalized)
|----------------------------------------------------------
*/

/* ACCESSIBILITY: FOCUS STYLES (for keyboard users) */
.AddressHolder:focus, 
.AddressHolder:focus-visible {
    outline: none; 
    border: solid 2px #0f61fd; 
}


@media only screen and (min-width: 0px) 
{
    /* COLUMN FIX: Target LI wrapper for width (100% on mobile) */
    .AddressHolderContainer 
    {
        width:calc(100% - 10px); 
    }
    
    /* MOBILE BUTTON FIX: Ensure toggles are side-by-side */
    #mapfiltertoggle {
        display: flex;
        width: 100%;
    }
    .toggle
    {
        width:50%; 
        float:none; 
        display:flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box; 
        border: solid 1px #e5e5e5; 
        height: 50px; 
    }

    #resultspanel
    {
        padding:0 15px;
    }
    
    .ResetIcon
    {
        margin-left:0px;float:left;
    }
    
    #ResetText
    {
        display:none;float:left;
    }
    
    .Mappagelayout
    {
        display:flex;flex-direction:column;
    }
    
    #mapcontainer { position:relative;width:100%;aspect-ratio:1/1; }
    #resultscontainer {width:100%;}
    #MapMessage {display:none;}
    #searchpanel {display:none;}
    /*#mapfiltertoggle {display:block;}*/
    body .page-wrapper {overflow:hidden;};
}

@media only screen and (min-width: 499px) 
{
   #mapcontainer { position:relative;width:100%;aspect-ratio:16/7; }  
   /* COLUMN FIX: Target LI wrapper for 2 columns */
   .AddressHolderContainer 
    {
        width:calc(50% - 10px)   
    }
}

@media only screen and (min-width: 1200px) 
{
    /* COLUMN FIX: Target LI wrapper for 2 columns */
    .AddressHolderContainer 
    {
        width:calc(50% - 10px)   
    }
    #ResetText
    {
        display:block;
    }
    
    #resultspanel
    {
        padding:0 30px;
    }
    
    .ResetIcon
    {
        margin-left:50px;float:left;
    }
    
    .ResetText
    {
        display:block;float:left;
    }
    
    .Mappagelayout
    {
        display:flex;flex-direction:row;
    }
    
    #mapcontainer { position:relative;width:50%;aspect-ratio:1/1;height:calc(100vh - 53px) }
    #resultscontainer {width:50%;height:calc(100vh - 53px);}
    #MapMessage {display:block;}
    #searchpanel {display:flex;}
    #mapfiltertoggle {display:none;}
    body .page-wrapper {overflow:visible;};
}

@media only screen and (min-width: 1800px) 
{
    /* COLUMN FIX: Switches the layout to 3 columns */
    .AddressHolderContainer 
    {
        width:calc(33.3333% - 10px)  
    }
    
    #resultspanel
    {
        padding:0 30px;
    }
    
    .ResetIcon
    {
        margin-left:50px;float:left;
    }
    
    .ResetText
    {
        display:block;float:left;
    }
    
    .Mappagelayout
    {
        display:flex;flex-direction:row;
    }
    
    #mapcontainer { position:relative;width:50%;aspect-ratio:1/1;height:calc(100vh - 53px) }
    #resultscontainer {width:50%;height:calc(100vh - 53px);}
    #MapMessage {display:block;}
    #searchpanel {display:flex;}
    #mapfiltertoggle {display:none;}
    body .page-wrapper {overflow:visible;};
}

.toggleactive
{
background-color:#DDE6F6 !important;
}

.toggle
{
/* Base styles */
background-color:#fff;
cursor:pointer;
padding:16px;
text-align:center;
font-weight:500;
}

.btnReset
{
    position:absolute;top:0px;right:0px;background:rgba(0,0,0,0.7);color:#fff;font-size:20px;padding:21px 16px;cursor:pointer;z-index:2000;
}

.btnReset:hover
{
  background:rgba(0,0,0,1.0);
  transition:0.3s;
}