/*
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.
Version: 1.0
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;
}