/**
 * PG Notifications - Frontend Styles
 *
 * @author    KNT
 * @copyright 2025 PG
 * @license   Proprietary
 * @version   1.4.4
 */

/* Container */
.pgnotifications-container {
    margin: 20px 0;
}

/* Single notification - base styles */
.pgnotification {
    padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 0; /* No rounded corners */
    border-left: 5px solid;
}

.pgnotification:last-child {
    margin-bottom: 0;
}

.pgnotification-title {
    font-size: 1.125rem; /* 18px */
    font-weight: 700;
    margin-bottom: 8px;
}

.pgnotification-description {
    font-size: 1rem; /* 16px */
    font-weight: 400;
    line-height: 1.6;
}

.pgnotification-description p {
    margin-bottom: 8px;
}

.pgnotification-description p:last-child {
    margin-bottom: 0;
}

/* Color Schemes - Official Palette */

/* Ink Blue */
.pgnotification.color-ink-blue {
    background-color: #0B0049;
    color: #FFFDF6;
    border-left-color: #050024;
}

/* Purple Ink */
.pgnotification.color-purple-ink {
    background-color: #504E99;
    color: #FFFDF6;
    border-left-color: #3d3a75;
}

/* Gray Blue */
.pgnotification.color-gray-blue {
    background-color: #C9CCE5;
    color: #FFFDF6;
    border-left-color: #a5aad1;
}

/* Burgundy */
.pgnotification.color-burgundy {
    background-color: #772944;
    color: #FFFDF6;
    border-left-color: #571f33;
}

/* Red */
.pgnotification.color-red {
    background-color: #BC254D;
    color: #FFFDF6;
    border-left-color: #8d1c39;
}

/* Vibrant Red */
.pgnotification.color-vibrant-red {
    background-color: #F42C46;
    color: #0B0049;
    border-left-color: #c42337;
}

/* Dark Patina Green */
.pgnotification.color-dark-patina-green {
    background-color: #006069;
    color: #FFFDF6;
    border-left-color: #00474e;
}

/* Patina Green */
.pgnotification.color-patina-green {
    background-color: #64BED2;
    color: #0B0049;
    border-left-color: #4e9aaa;
}

/* Soft Blue */
.pgnotification.color-soft-blue {
    background-color: #CCE8F2;
    color: #0B0049;
    border-left-color: #a6d4e4;
}

/* Golden */
.pgnotification.color-golden {
    background-color: #E9BD7A;
    color: #0B0049;
    border-left-color: #d6a05e;
}

/* Beige */
.pgnotification.color-beige {
    background-color: #E9E0C7;
    color: #0B0049;
    border-left-color: #d7c9a3;
}

/* Light Yellow */
.pgnotification.color-light-yellow {
    background-color: #FFF2CD;
    color: #0B0049;
    border-left-color: #ffe5a4;
}

/* Off White */
.pgnotification.color-off-white {
    background-color: #FFFDF6;
    color: #0B0049;
    border-left-color: #e6e4dd;
}

/* Hook-specific margin adjustments */
.pgnotifications-displayFooter {
    margin-top: 20px;
    margin-bottom: 0;
}

.pgnotifications-displayHome {
    margin: 30px 0;
}

.pgnotifications-displayHeaderCategory {
    margin: 20px 0;
}

.pgnotifications-displayProductAdditionalInfo {
    margin: 15px 0;
}

.pgnotifications-displayShoppingCartFooter {
    margin: 20px 0;
}

.pgnotifications-displayOrderConfirmation {
    margin: 20px 0;
}

/* Elementor widget specific */
.pgnotifications-elementor {
    margin: 20px 0;
}

/* Responsive */
@media (max-width: 768px) {
    .pgnotification {
        padding: 12px 15px;
        margin-bottom: 8px;
    }

    .pgnotification-title {
        font-size: 1rem; /* 16px on tablet */
        margin-bottom: 6px;
    }

    .pgnotification-description {
        font-size: 0.9375rem; /* 15px on tablet */
    }

    .pgnotifications-container {
        margin: 15px 0;
    }
}

@media (max-width: 576px) {
    .pgnotification {
        padding: 10px 12px;
        border-left-width: 4px;
    }

    .pgnotification-title {
        font-size: 0.9375rem; /* 15px on mobile */
    }

    .pgnotification-description {
        font-size: 0.875rem; /* 14px on mobile */
    }
}