/*
Theme Name: Custom Theme by Build & Bloom 
Version: 2.0
Description: Custom Theme by Build & Bloom Digital
Author: Louise Sims
Template: Divi
Author URL: https://buildbloom.co.uk	
*/
 
@import url("../Divi/style.css");
 
/*-------My Theme Customizations------- */

/*===========================================================
  IHF Coffin Tabs — GLOBAL CSS
  Used on the Coffins & Caskets page only (JS triggers on ID)
===========================================================*/

/*-------------------------------
 LEFT COLUMN TABS (Text Modules)
-------------------------------*/
.coffin-tab {
    display: block;
    padding: 14px 18px;
    background: #F5F5F7; /* soft grey */
    border-radius: 8px;
    font-size: 18px;
    color: #3B3B61;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 10px;
    border-left: 4px solid transparent;
}

/* Hover state */
.coffin-tab:hover {
    background: #EFECE9;
    color: #9C7B2A; /* IHF gold */
}

/* Active state */
.coffin-tab.active {
    background: #F0ECE6; 
    border-left-color: #9C7B2A; /* gold highlight */
    font-weight: 600;
    color: #1D1D2E;
}

/*----------------------------------
 RIGHT COLUMN — CONTENT PANELS
----------------------------------*/

/* Hide all panels by default */
.coffin-panel {
    display: none;
}

/* Show active panel */
.coffin-panel.active {
    display: block;
}

/* Panel spacing + layout */
.coffin-panel {
    padding: 20px 0;
}

/* Panel heading */
.coffin-panel h3 {
    font-size: 24px;
    margin-bottom: 16px;
    color: #1D1D2E;
}

/* Panel text */
.coffin-panel p {
    font-size: 17px;
    line-height: 1.55;
    color: #3A3A50;
    margin-bottom: 18px;
}

/*----------------------------------
 PANEL IMAGES (Product-style)
----------------------------------*/
.coffin-panel img,
.coffin-image {
    max-width: 700px;      /* consistent width */
    width: 100%;
    border-radius: 6px;
    border: 1px solid #DDDDDD;
    margin-bottom: 16px;
    display: block;
}

/*----------------------------------
 MOBILE RESPONISVE TWEAKS
----------------------------------*/
@media (max-width: 980px) {

    /* Tabs full width above content */
    .coffin-tab {
        font-size: 16px;
        padding: 12px 14px;
        margin-bottom: 8px;
    }

    .coffin-panel h3 {
        font-size: 22px;
    }

    .coffin-panel img,
    .coffin-image {
        max-width: 100%;
    }
}