/*
Theme Name: São Paulo Por Você
Theme URI: https://example.com/sp-por-voce
Author: Antigravity
Author URI: https://example.com
Description: Tema baseado no design React "São Paulo Por Você". Utiliza TailwindCSS via CDN para manter a identidade visual. (Com suporte a WooCommerce)
Version: 9.6
License: MIGRATE
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-page, custom-colors, tailwind
Text Domain: saopauloporvoce
*/

/* 
 * Nota: O CSS principal é carregado via Tailwind CDN no header.php.
 * Este arquivo serve principalmente para metadados do WordPress.
 */

/* WP Core Classes fix */
.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

img.aligncenter,
img.alignleft,
img.alignright {
  height: auto;
  max-width: 100%;
}

/* Customizations if needed beyond Tailwind */
body {
  background-color: #e3dacd;
  /* sp-sand */
}

/* Scrollbar hiding moved from global CSS */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Utility: Mobile Only */
.mobile-only {
  display: none !important;
}

@media (max-width: 768px) {
  .mobile-only {
    display: flex !important;
  }
}

/* Ensure sharing buttons are clickable */
.z-50 {
  z-index: 50 !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.transform {
  transform: none;
  /* Reset if needed */
}

.hover\:scale-110:hover {
  transform: scale(1.1);
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* WooCommerce Brand Adjustments */
.woocommerce-page button.button,
.woocommerce-page a.button,
.woocommerce-page input.button {
  background-color: #ce2c2c !important; /* sp-red */
  color: white !important;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em;
  border-radius: 0 !important;
}

.woocommerce-page button.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page input.button:hover {
  background-color: #1c1c1c !important; /* sp-graphite */
  color: #fcc400 !important; /* sp-yellow */
}

.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-info {
  border-top-color: #ce2c2c !important;
  background-color: #f9f9f9 !important;
  color: #1c1c1c !important;
}

.woocommerce-page .woocommerce-error {
  border-top-color: #ce2c2c !important;
}

.woocommerce span.onsale {
  background-color: #fcc400 !important; /* sp-yellow */
  color: #1c1c1c !important; /* sp-graphite */
  border-radius: 0 !important;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
}