/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com/
Description: Child theme for GeneratePress
Author: Suliman K.
Template: generatepress
Version: 1.0
*/

/* Add your custom CSS below */

/* FAQ CSS - STORE PAGE */
.store-faq-list {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .store-faq-item {
        background-color: var(--accent-light);
        border-radius: 10px;
        padding: 16px 20px;
        transition: background-color 0.3s ease;
    }

    .store-faq-item[open] {
        background-color: var(--accent-light-hover);
    }

    .store-faq-summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        font-weight: 600;
        color: var(--contrast);
        font-size: 1.05rem;
        list-style: none;
    }

    .store-faq-summary::-webkit-details-marker {
        display: none;
    }

    .store-faq-icon {
        font-size: 22px;
        transition: transform 0.3s ease;
    }

    .store-faq-item[open] .store-faq-icon {
        transform: rotate(180deg);
    }

    .store-faq-answer {
        margin-top: 10px;
        color: var(--body-color);
        line-height: 1.6;
        font-size: 0.95rem;
    }

    .no-faqs {
        text-align: center;
        color: var(--body-color);
        font-style: italic;
        margin-top: 20px;
    }


/* PROMOTION LIST - SINGLE STORE TEMPLATE */
.promo-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    @media (min-width: 768px) {
        .promo-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .promo-box {
        background: var(--accent-light);
        padding: 20px;
        border-radius: 10px;
        display: flex;
        align-items: flex-start;
        gap: 15px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }

    .promo-icon {
        background: var(--accent);
        color: #fff;
        padding: 12px;
        border-radius: 50%;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .promo-content {
        flex: 1;
    }

    .promo-title {
        font-weight: bold;
        font-size: 1.1rem;
        margin: 0;
    }

    .promo-description {
        color: var(--body-color);
        margin-top: 5px;
    }

    .promo-link {
        color: var(--accent);
        font-weight: bold;
        margin-top: 8px;
        display: inline-block;
        text-decoration: none;
    }

    .promo-link:hover {
        text-decoration: underline;
    }

    .no-promotions {
        text-align: center;
        color: var(--body-color);
        font-style: italic;
        padding: 20px;
        background: var(--accent-light);
        border-radius: 8px;
    }


/* GOOGLE MAP - STORE TEMPLATE */
.store-map-container {
          position: relative;
          width: 100%;
          aspect-ratio: 16 / 5; /* maintains 16:5 ratio */
          border-radius: 0.75rem; /* rounded-lg */
          overflow: hidden;
          box-shadow: 0 10px 15px rgba(0,0,0,0.1), 0 4px 6px rgba(0,0,0,0.05);
          background: #f9f9f9;
        }
        .store-map-frame {
          width: 100%;
          height: 100%;
          border: 0;
        }