/*
Theme Name: MechAddict Models
Theme URI: https://mechaddict.online
Author: MechAddict
Author URI: https://mechaddict.online
Description: WordPress + WooCommerce theme for the MechAddict Models eCommerce store. Sells Gunpla and Plamo mech model kits. Built with Vue 3 + Pinia + Tailwind CSS, Vite, and Tailwind Plus components.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mechaddictmodels
Tags: dark-mode, ecommerce, woocommerce, vue, pinia, tailwind, mecha, gunpla
*/

/* WordPress alignment helpers (Tailwind owns most styling). */
.alignwide {
  max-width: 1280px;
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
}

.alignfull {
  max-width: 100vw;
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

@media (max-width: 768px) {
  .alignwide {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

/* Embedded YouTube responsive — outside @layer because Tailwind output sits in /dist/css/. */
.wp-block-embed-youtube,
.wp-block-embed.is-provider-youtube,
figure.wp-block-embed-youtube {
  width: 100% !important;
  max-width: 100% !important;
}

.wp-block-embed-youtube .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
}

.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
}