/*
Theme Name: Cherokee Village
Theme URI: https://cherokeevillage.com.au
Description: Custom theme for Cherokee Village Mobile Home and Tourist Park
Author: Cherokee Village
Author URI: https://cherokeevillage.com.au
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cherokee-village
*/

/* ============================================
   Cherokee Village Custom Styles
   Softer, more rounded design
   ============================================ */

/* Global border radius for softer look */
:root {
    --cv-radius-sm: 12px;
    --cv-radius-md: 16px;
    --cv-radius-lg: 24px;
}

/* Soften all images */
.wp-block-image img,
.wp-block-gallery img {
    border-radius: var(--cv-radius-md);
}

/* Soften group blocks with backgrounds */
.wp-block-group.has-background {
    border-radius: var(--cv-radius-md);
}

/* Soften column blocks with backgrounds */
.wp-block-column.has-background {
    border-radius: var(--cv-radius-md);
}

/* Buttons - more rounded and smooth */
.wp-block-button__link,
.wp-element-button {
    border-radius: 50px !important;
    padding: 14px 32px !important;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.wp-block-button__link:hover,
.wp-element-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

/* Card-like containers */
.wp-block-group[style*="border"] {
    border-radius: var(--cv-radius-md) !important;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border: none !important;
}

/* Gallery images */
.wp-block-gallery figure {
    border-radius: var(--cv-radius-md);
    overflow: hidden;
}

/* Cover blocks that aren't full width - soften */
.wp-block-cover:not(.alignfull) {
    border-radius: var(--cv-radius-lg);
    overflow: hidden;
}

/* Navigation links - smooth hover */
.wp-block-navigation a {
    transition: color 0.2s ease, opacity 0.2s ease;
}

.wp-block-navigation a:hover {
    opacity: 0.8;
}

/* Separator lines - softer */
.wp-block-separator {
    border-radius: 2px;
    opacity: 0.3;
}

/* Lists - better spacing */
.wp-block-list li {
    margin-bottom: 8px;
}

/* Headings - slightly softer weight */
h3, h4, h5, h6 {
    font-weight: 600;
}

/* FAQ / Info boxes with backgrounds */
.wp-block-group.has-accent-5-background-color {
    border-radius: var(--cv-radius-md);
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Better image hover in galleries */
.wp-block-gallery figure:hover img {
    transform: scale(1.03);
}

.wp-block-gallery figure img {
    transition: transform 0.3s ease;
}

/* Footer - softer top edge */
footer .wp-block-group.has-contrast-background-color {
    border-radius: var(--cv-radius-lg) var(--cv-radius-lg) 0 0;
}

/* Full-width sections - keep sharp on outer edges but soften inner content */
.alignfull > .wp-block-group.has-background {
    border-radius: 0;
}

/* Accommodation cards and similar */
.wp-block-columns .wp-block-column .wp-block-group.has-base-background-color {
    border-radius: var(--cv-radius-md);
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* ============================================
   Header styling
   ============================================ */
.wp-block-template-part[data-slug="header"] .wp-block-group,
header .wp-block-group {
    background: #ffffff !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* Site title - green */
.wp-block-site-title {
    display: flex !important;
    align-items: center !important;
}

.wp-block-site-title a {
    color: #2d5a3d !important;
    font-size: 1.4rem !important;
}

/* Nav links - black */
.wp-block-navigation a {
    color: #1a1a1a !important;
    font-size: 1rem !important;
}

/* ============================================
   Hero / Cover blocks
   ============================================ */
/* Overlay on cover images */
.wp-block-cover .wp-block-cover__background {
    opacity: 0.4 !important;
}

/* Hero images (first cover on each page) - more vibrant */
main .wp-block-cover:first-of-type .wp-block-cover__background {
    opacity: 0.2 !important;
}

/* Remove any card/background from hero text container */
.wp-block-cover__inner-container .wp-block-group {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Reduce gap between hero and next section */
.wp-block-cover.alignfull + .wp-block-group.alignfull {
    padding-top: 40px !important;
}