/*
Theme Name: Kanoa
Theme URI: https://romanfink.com/kanoa
Author: Roman Fink
Author URI: https://romanfink.com/
Description: Kanoa is a refined, minimalist portfolio theme designed for photographers, architects, designers, and creative professionals who value clean aesthetics and purposeful design. Built entirely with the WordPress Site Editor, this theme offers complete creative control without writing code.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: kanoa
Tags: one-column, custom-colors, custom-menu, editor-style, full-site-editing, block-patterns, block-styles, blog, portfolio

*/

html {
  scroll-behavior: smooth;
}

/* --- Navigation on mobile --- */

@media (max-width: 767px) {

    header .wp-block-navigation {
        justify-content: flex-end;
    }

    .wp-site-blocks > .wp-block-group:first-child {
        padding-top: 0 !important;
    }
    
}

/* --- Navigation fix --- */

.wp-block-navigation__container > .wp-block-navigation-item:last-child {
    flex: 1;
}


/* --- Submenu background and colors --- */

.wp-block-navigation ul.wp-block-navigation-submenu {
    background: var(--wp--preset--color--background) !important;
    border: 1px solid var(--wp--preset--color--additional) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

.wp-block-navigation .wp-block-navigation-submenu li a {
    color: var(--wp--preset--color--primary) !important;
}

.wp-block-navigation li a:hover {
    color: var(--wp--preset--color--secondary) !important;
}

/* --- Links border control --- */

.wp-block-site-logo a {
    border: none;
}

a:has(img) {
    border: none;
}

/* --- Stick footer to bottom --- */

.wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.wp-site-blocks > footer {
    margin-block-start: 0px !important;
}

.wp-site-blocks > .wp-block-group {
    margin-bottom: auto !important;
}

.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
    font-size: var(--wp--preset--font-size--normal);
}


/* --- Helpers for block stylization --- */

.border-radius-default {
    border-radius: var(--wp--preset--spacing--10);
}

.overflow-hidden {
    overflow: hidden;
}

.full-height {
    height: 100%;
}


/* --- Block Styles  --- */

@media screen and (max-width: 768px) {
    .is-style-kanoa-reverse .wp-block-column:first-child{
        order: 2;
    }
}

.is-style-kanoa-text-wrap-balance {
    text-wrap: balance !important;
}


/* --- Helper classes for mobile devices --- */

@media (max-width: 767px) {

    .mobile-hide {
        display: none !important
    }

    .mobile-max-height-40 {
        max-height: 40px;
    }

    .mobile-order-1 {
        order: 1;
    }

    .mobile-order-2 {
        order: 2;
    }

    .mobile-order-3 {
        order: 3;
    }

    .mobile-align-none {
        float: none !important;
        margin-inline-start: 0 !important;
    }

    .mobile-no-br br {
        display: none;
    }

    .mobile--no-padding-top {
        padding-top: 0 !important;
    }

    .mobile--no-padding-bottom {
        padding-bottom: 0 !important;
    }

    .mobile-gallery-column > .wp-block-image {
        width: 100% !important;
    }

}


/* --- Material buttons --- */

.wp-element-button, .wp-block-button a {
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    box-sizing: border-box;
}

.wp-element-button:hover, .wp-block-button:hover a {
    transform: scale(1.02);
}

.wp-element-button:focus, .wp-block-button:focus a {
    transform: scale(1);
}

.wp-element-button:active, .wp-block-button:active a {
    transform: scale(1);
}


/* --- Material lightbox --- */

.wp-lightbox-container {
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;  
}

.wp-lightbox-container:hover {
    transform: scale(1.02);
}


.wp-block-navigation__responsive-container.is-menu-open {
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
}


/* --- More styles --- */

ul.wp-block-categories-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--40);
}

.wp-block-query-pagination-numbers {
    display: flex;
    gap: var(--wp--preset--spacing--30);
}

.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]), .wp-block-post-comments-form .comment-form textarea {
    border-radius: 4px;
    border-color: #cecece;
}

/* --- Section dividers --- */

.section-divider {
    border-top: 1px solid var(--wp--preset--color--additional);
    padding-top: var(--wp--preset--spacing--50);
}

.section-divider-bottom {
    border-bottom: 1px solid var(--wp--preset--color--additional);
    padding-bottom: var(--wp--preset--spacing--50);
}

/* --- Card styles with border instead of background --- */

.card-bordered {
    border: 1px solid var(--wp--preset--color--additional);
    background: transparent !important;
}