/*
Theme Name: Swiss Theme
Theme URI: http://rocquett.com
Author: Delwin Holeman
Author URI: mailto:delwin@rocquett.com
Description: Swiss Theme with Full Site Editing (FSE), created for CLIENTNAME. For assistance contact <a href="https://rocquett.com">Rocquett Websites</a> | 706-338-1464 | <a href="mailto:service@rocquett.com">service@rocquett.com</a>
Version: 5.0 - 09/02/26

Common Breakpoints in order of most common to least - (percentage of market) from 
https://gs.statcounter.com/screen-resolution-stats/mobile/worldwide || Another source https://screensiz.es/

Common Desktop  
1920 x 1080 (21%-D), 1366 x 768 (20%), 1536 x 864 (10%), 1440 x 900 (6%), 1280 x 720 (5%), 1600 x 900 (3%)

Common Tablet
768 x 1024 (42%), 1280 x 800 (7%), 800 x 1280 (6%), 601 x 962 (5%), 810 x 1080 (4%), 962 x 601 (4%)

Common Mobile
360 x 640 (11%), 414 x 896 (7%), 360 x 780 (6%), 375 x 667 (6%), 360 x 800 6%), 360 x 760 (5%)

Theme Breakpoints: 360, 412, 600, 768, 962, 1024, 1280, 1366, 1536, 1680, 1920, 2560;

Solving CSS UX Problems Defensive CSS: https://defensivecss.dev/tips
(1) WP Code Snippets - some used below: https://wpdocs.io/cat/code-snippets/
*/


html {
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/*  Navigation Block Breakpoint (1) */
body .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
}

body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
}

/* DISPLAY/HIDE, MAIN STRUCTURE  ================================ */

.hide,
.hidemobile {
    display: none;
}

.hidedesktop {
    display: block;
}

/* Only display to screenreader */
.sr-only,
.visually-hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.is-style-glass-card {
    position: relative;
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.55);
}

/* Change the width to the breakpoint of the Nav */
@media (min-width: 782px) {
    body .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
    }
}

/* Nicely wrapped headlines */
h1,
h2,
h3,
h4 {
    text-wrap: balance;
}

/* Remove padding from from WordPress columns with backgrounds  */
:where(.wp-block-columns.has-background) {
    padding: initial;
}

/* Pull Quote */
.wp-block-pullquote blockquote {
    display: grid;
    gap: 20px;
}

.wp-block-pullquote cite {
    font-size: 80%;
    font-weight: 600;
}

/* Search Block */
.wp-block-search__input {
    border: 1px solid;
}

.wp-block-search__button {
    box-shadow: none;
    border: 1px solid var(--wp--preset--color--custom-smoky-black);
    border-radius: 0;
    color: white;
    padding: 0.4rem 1rem 0.5rem 1rem;
    font-weight: 500;
}

/* Black blog post titles in the query loop */
.wp-block-post-title :where(a) {
    color: var(--wp--preset--color--custom-smoky-black);
}

/* Button hover state */
.wp-block-button__link,
a {
    transition: 0.3s;
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
#commentform .form-submit.wp-block-button input:hover {
    background: var(--wp--preset--color--custom-white);
    color: var(--wp--preset--color--custom-smoky-black);
}

.wp-block-button .wp-block-button__link:hover {
    background: var(--wp--preset--color--custom-custom-white);
    color: var(--wp--preset--color--smoky-black);
    border-color: var(--wp--preset--color--custom-smoky-black);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: var(--wp--preset--color--custom-smoky-black);
    color: var(--wp--preset--color--custom-white);
    border-color: var(--wp--preset--color--custom-smoky-black);
}

a:hover:not(.wp-block-site-title a, .wp-block-button__link.wp-element-button) {
    text-decoration: underline !important;
}