/*
Theme Name: Whisperes
Theme URI: 
Author: Whisperes
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: whisperes
Tags: 

/* CSS Reset
---------------------------------------------------------------------------- */

/* CSS Reset
---------------------------------------------------------------------------- */

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

b,
strong {
  font-weight: 600;
}

ol,
ul {
  padding: 0;
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
  padding-inline-start: var(--wp--preset--spacing--md);
}

div[class*="wp-block-"] figcaption {
  color: var(--wp--preset--color--neutral-9);
  font-size: var(--wp--preset--spacing--xs);
  margin-bottom: 0;
  margin-top: 20px;
  text-align: center;
}

img,
figure {
  max-width: 100%;
  height: auto;
}

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
  font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
  appearance: none;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
  color: var(--wp--preset--color--neutral-10);
  border-radius: 5px;
  border: solid 1px var(--wp--preset--color--neutral-10);
  padding: 0.5em 1em;
  font-size: var(--wp--preset--font-size--text-base);
  width: 100%;
}

input:focus-visible,
textarea:focus-visible {
  outline-color: var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width: auto;
}

label {
  width: 100%;
  display: block;
}

::placeholder {
  color: var(--wp--preset--color--neutral-10);
  font-size: var(--wp--preset--font-size--text-sm);
  opacity: 0.75;
}

/* Post Comment Button */
input[type="submit"].wp-block-button__link {
  padding-top: var(--wp--custom--block--button--padding-y);
  padding-right: var(--wp--custom--block--button--padding-x);
  padding-bottom: var(--wp--custom--block--button--padding-y);
  padding-left: var(--wp--custom--block--button--padding-x);
}

input[type="submit"].wp-block-button__link:hover {
  background-color: var(--wp--preset--color--neutral-12);
  color: var(--wp--preset--color--light);
  border-color: var(--wp--preset--color--neutral-12);
}

:root {
  --focus-ring-color: var(--wp--preset--color--neutral-10);
  --focus-ring-offset: 2px;
}

:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
  outline-color: var(--focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}

.wp-element-button,
.wp-block-button__link {
  transition: all 0.2s ease-in-out;
}

.wp-block-group img {
  vertical-align: middle;
}

/* Paypal Button */

.paypal-buttons .component-frame {
  z-index: 1 !important;
}

/* Temporary Hidden Elements (override since no option for Block Visibility plugin)*/

.hidden-for-now {
  display: none !important;
}

@media (max-width: 1024px) {
  .product-template-default.single.single-product
    .single-product-details-columns
    .wp-block-column {
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .vertical-cta-fix {
    flex-wrap: wrap !important;
  }
  .vertical-cta-fix .homepage-cover-buttons {
    width: 100% !important;
  }
  .vertical-cta-fix .homepage-cover-buttons .wp-block-button {
    width: 100% !important;
  }
    .vertical-cta-fix .homepage-cover-buttons .wp-block-button a{
    width: 100% !important;
	justify-content: center !important;
  }
}

@media (min-width: 414px) and (max-width: 600px) {
  .single-product .single-info-column .buy-now-btn {
    width: 100% !important;
  }
}
@media (min-width: 414px) and (max-width: 600px) {
  .homepage-explore-section .homepage-explore-right-img {
    position: absolute !important;
    right: -100px !important;
  }
  .wp-block-image.has-custom-border img {
    max-height: 200px;
  }

  .wp-block-heading.has-text-align-center.has-text-5-xl-font-size {
    margin-top: 100px !important;
  }
}
@media (min-width: 414px) and (max-width: 600px) {
  .homepage-explore-section .homepage-explore-left-img {
    left: -100px !important;
    top: 550px !important	;
  }
}
@media (min-width: 414px) and (max-width: 600px) {
  .wp-block-group.alignwide.is-layout-flex {
    flex-direction: column;
    gap: 12px;
    padding: 0 10px;
  }

  /* Force vertical layout on mobile */
  .wp-block-group.alignwide.is-layout-flex.is-nowrap {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .wp-container-core-group-is-layout-5c1d56df {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1rem !important;
    align-items: center !important;
  }

  .wp-block-group.alignwide.is-layout-flex > * {
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
  }

  /* Remove any flex basis that might interfere */
  .wp-block-group.alignwide.is-layout-flex > *:first-child,
  .wp-block-group.alignwide.is-layout-flex > *:last-child {
    flex-basis: 100%;
  }
}

@media (max-width: 768px) {
  .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    box-sizing: border-box !important;
  }
}
/* Footer Navigation Styles */
@media (max-width: 768px) {
  .wp-block-navigation__container.footer-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  .wp-block-navigation__container.footer-nav > .wp-block-navigation-item {
    flex: 0 0 50% !important; /* force 2 columns */
    box-sizing: border-box !important;
    padding: 4px 8px !important; /* optional spacing */
  }

  .wp-block-navigation__container.footer-nav
    .wp-block-navigation-item__content {
    display: block !important;
    text-align: left !important;
  }
}

@media (max-width: 768px) {
  .wp-block-columns.footer-column {
    flex-wrap: wrap !important;
    display: flex !important;
    gap: 16px; /* adjust as needed */
    padding: 0 16px; /* optional horizontal padding */
  }

  .wp-block-columns.footer-column > .wp-block-column {
    flex: 0 0 100% !important; /* full width on mobile */
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

/* Tablet Responsive Styles */
@media screen and (min-width: 601px) and (max-width: 1366px) {
  .homepage-explore-section .homepage-explore-right-img {
    position: absolute !important;
    right: -100px !important;
    margin-bottom: 100px !important;
  }
  .wp-block-image.has-custom-border img {
    max-height: 200px;
  }

  .wp-block-heading.has-text-align-center.has-text-5-xl-font-size {
    margin-top: 100px !important;
  }
}
@media screen and (min-width: 601px) and (max-width: 1366px) {
  .homepage-explore-section .homepage-explore-left-img {
    left: -100px !important;
    top: 520px !important	;
  }
}