/*
Theme Name: Atmos Blocks
Theme URI: https://xtremelysocial.com/wordpress/atmos/
Author: XtremelySocial
Author URI: https://xtremelysocial.com/
Description: A beyond-flat block theme featuring atmospheric depth, earthy chromatic tones, and ambient light. Designed for modern high-end digital experiences.
Template: flat-blocks
Version: 1.0
Requires at least: 6.8
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atmos-blocks
Tags: block-theme, block-styles, custom-colors, custom-spacing, dark-mode, earth-tones, minimalist, modern, professional, tactile
*/

/* Atmos Blocks
  --------------------------------------------------
  Atmos Blocks is a high-end evolution of the flat design aesthetic. 
  Moving beyond the limitations of standard layouts, Atmos introduces 
  a 'Flat 3.0' philosophy centered on atmospheric depth and tactile 
  hardware inspiration. 

  Built on a foundation of earthy notes and ambient lighting, the 
  theme utilizes sophisticated dark-mode variations and deep 
  monochromatic palettes to create a focused, high-contrast 
  environment. With a signature 'object-oriented' layout, Atmos 
  containerizes content within high-radius surfaces—evoking the 
  premium feel of modern tech—while maintaining sharp, immersive 
  horizon lines for cinematic hero sections.
*/

/**
 * ATMOS ALIGNMENT LOGIC
 * Strips radius and any rogue shadows on full-width sections.
 * This overrides the 16px radius set in theme.json.
 */

/* Target any block that might have a radius attribute or class */
.alignfull, 
.alignfull[style*="radius"] {
    border-radius: 0 !important;
/* 
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
 */
    box-shadow: none !important; /* Safety reset */
    overflow: visible !important;
}

/* Deep reset for internal elements inside a full-width block */
.alignfull > div, 
.alignfull .wp-block-column,
.alignfull .wp-block-image,
.alignfull .wp-block-featured-image,
.alignfull .wp-block-media-text__content,
.alignfull .wp-block-media-text__media {
    border-radius: 0 !important;
}

/**
 * THE UNIVERSAL RADIUS OVERFLOW FIX
 * Ensures that if a block has a radius (from theme.json or inline), 
 * the background colors/images don't bleed past the corners.
 */
[style*="radius"]:not(.alignfull) {
    overflow: hidden !important;
}

.is-style-rounded-border {
    overflow: hidden; 
}

/**
 * ATMOS CUSTOM STYLES
 */

/* 1. No Rounding Reset */
.is-style-no-rounding,
.is-style-no-rounding[style*="radius"],
.is-style-no-rounding img {
    border-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    overflow: visible !important;
}

/* 2. Tactile Shadow */
.is-style-shadow {
    box-shadow: var(--wp--custom--shadow--default) !important;
    overflow: visible !important; /* Crucial to let the shadow breathe */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* Subtle interactive 'lift' */
.is-style-shadow:hover {
    transform: translateY(-1px);
    box-shadow: var(--wp--preset--shadow--deep) !important; 
}

/**
 * ATMOS EDITOR STYLES
 */

/* Mirroring your Atmos Alignfull Reset for the Editor */
.editor-styles-wrapper .wp-block-cover.alignfull,
.editor-styles-wrapper .wp-block-group.alignfull {
    border-radius: 0 !important;
}

/* Atmos Global Object Interaction */
/* Target top-level blocks in the post content */
.entry-content > *:not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(ul):not(ol) {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease;
    will-change: transform;
}

/* Apply the 1px lift on hover */
.entry-content > *:not(p):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(ul):not(ol):hover {
    transform: translateY(-1px);
}

/* Specific Interactive Hierarchy for Buttons */
/* We want buttons to feel more "mechanical" and reactive than the containers */
.wp-block-button__link {
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.2s ease;
}

.wp-block-button__link:hover {
    transform: translateY(-3px); /* Stronger lift for actionable items */
}

.wp-block-button__link:active {
    transform: translateY(-1px); /* Tactile "click" feel when pressed */
}