/*
Theme Name: Cedilha Theme
Theme URI: https://example.com/cedilha-theme/
Author: Your Name
Author URI: https://example.com/
Description: A custom barebones WooCommerce theme.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cedilha-theme
Tags: woocommerce, custom-theme, e-commerce

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@view-transition {
  navigation: auto;
}

.marker {
  view-transition-name: square;
}

@font-face {
  font-family: "Retro Gastroll";
  src: url("./assets/fonts/retrogastroll.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Tailwind will handle font application through its utility classes */

/* Main Product Image Zoom CSS (jQuery Zoom will handle this) */
.woocommerce-product-gallery__wrapper .zoomImg {
  /* Styles for the zoomed image, if needed, are often handled by the plugin or can be customized */
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* Ensure the gallery link doesn't interfere with hover, if present */
.woocommerce-product-gallery__trigger {
  display: none !important; /* Hide default WooCommerce zoom/lightbox button if not desired */
}

/* Variation Buttons */
.variations_form .attribute-options-wrapper {
  margin-bottom: 1rem; /* Space between attribute groups */
}

.variations_form .data-driven-button {
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

/* Ensure hidden selects are truly hidden */
.variations_form select.hidden {
  display: none !important;
}

/* Styling for the quantity buttons and add to cart if needed */
.woocommerce-variation-add-to-cart .quantity {
  margin-right: 1rem;
}