/*
Theme Name: Gorilla Permits Rwanda
Author: Custom Development
Description: FSE block theme for Gorilla Permits Rwanda — based on the Forest & Flame design system
Version: 2.0.0
Tested up to: 6.9
Requires at least: 6.0
Requires PHP: 8.0
License: GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: gorilla-permits-rwanda
Tags: safari, permits, custom-theme
*/

/* Card equal heights */
.wp-block-columns .wp-block-column > .wp-block-group.has-background {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.wp-block-columns .wp-block-column > .wp-block-group.has-background .wp-block-button {
    margin-top: auto;
}

/* Edge-to-edge alignfull */
.entry-content > .alignfull,
.wp-block-post-content > .alignfull {
    margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
    margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
    width: calc(100% + var(--wp--style--root--padding-right) + var(--wp--style--root--padding-left)) !important;
    max-width: none !important;
}

/* Pill shapes for cards and containers */
.wp-block-group.has-background,
.wp-block-image figure,
.wp-block-image img {
    border-radius: 1rem !important;
}

/* Card hover */
.wp-block-group.has-background {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.wp-block-group.has-background:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    transform: translateY(-2px);
}

/* Tag pills */
.tag-pill {
    font-family: var(--wp--preset--font-family--plus-jakarta-sans);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 8px 24px;
    border-radius: 9999px;
    background: var(--wp--preset--color--surface-container-high);
    color: var(--wp--preset--color--on-surface);
    display: inline-block;
    text-transform: uppercase;
}

/* Label style */
.has-label-style {
    font-family: var(--wp--preset--font-family--plus-jakarta-sans);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Pill-shaped buttons */
.wp-block-button__link {
    border-radius: 9999px !important;
}

/* Separator */
.wp-block-separator {
    opacity: 0.2;
}

/* Details / FAQ */
.wp-block-details {
    border: 1px solid var(--wp--preset--color--outline-variant);
    border-radius: 1rem;
    padding: 20px;
    margin-bottom: 16px;
    background: var(--wp--preset--color--surface-container);
}
.wp-block-details summary {
    font-family: var(--wp--preset--font-family--plus-jakarta-sans);
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
}

/* Navigation link hover */
.wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--primary) !important;
}

/* Responsive columns */
@media (max-width: 781px) {
    .wp-block-columns .wp-block-column {
        flex-basis: 100% !important;
    }
}

/* Mobile adjustments */
@media (max-width: 600px) {
    .wp-block-cover {
        min-height: 55vh !important;
    }
    .entry-content > .wp-block-group.alignfull.has-global-padding,
    .wp-block-post-content > .wp-block-group.alignfull.has-global-padding {
        padding-top: var(--wp--preset--spacing--60) !important;
        padding-bottom: var(--wp--preset--spacing--60) !important;
    }
    .wp-block-buttons:not(.is-content-justification-left):not(.is-content-justification-right) .wp-block-button {
        width: 100%;
    }
}

/* No wrap nav */
.wp-block-navigation .wp-block-navigation-item {
    white-space: nowrap;
}