/*
Theme Name: Gold Tassel
Theme URI: https://goldtassel.com.br
Author: Gold Tassel
Description: Tema da Feira Universitária Gold Tassel. Tailwind CSS, ACF, modais e listagem de universidades.
Tags: custom-logo, custom-menu, featured-images, one-column, translation-ready
Version: 1.0
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
Text Domain: goldtassel
*/

/* Tailwind custom utilities (cores e gradientes do tema) */
:root { --gold: #ffc42e; --gold-dark: #d3a121; --navy: #0f172a; --navy-light: #1e293b; --accent: #111; --border: #e2e8f0; --muted: #64748b; --card: #f8fafc; --background: #ffffff; --foreground: #0f172a; --font-family: "Oxanium", sans-serif; }

 h1, h2, h3, h4, h5, h6 { font-family: var(--font-family); text-transform: uppercase; line-height: 1!important; }
 .gradient-gold {background: linear-gradient(135deg, #1b1b1b 0%, #282828 50%, #070707 100%);}
 .gradient-navy { background: linear-gradient(180deg, #0f172a 0%, #111 100%); }
 .gradient-hero {background: linear-gradient(180deg, rgb(50 44 31) 0%, rgba(11, 11, 11, 0.98) 100%);}
 .bg-black-image { background-image: url(https://goldtassel.com.br/wp-content/uploads/2024/01/FINAL_04.webp); background-repeat: no-repeat;}
 .bg-hero { background-image: url(https://goldtassel.com.br/wp-content/uploads/2024/04/HOME_DESKTOP-2.webp); background-repeat: no-repeat; background-size: cover; background-position: center center; }
 @media (max-width: 768px) {
  .bg-hero {background-repeat: no-repeat;background-size: cover;background-position: center center;background-blend-mode: soft-light;background-color: #ebc54a;background-blend-mode: overlay;}
 }
footer{ background-image: url(https://goldtassel.com.br/wp-content/uploads/2024/01/FINAL_02.webp); background-repeat: no-repeat; background-size: cover; background-position: center center; }
 .text-gold { color: var(--gold); }
 .text-gold-dark { color: var(--gold-dark); }
 .bg-gold\/10 { background-color: rgba(184, 134, 11, 0.1); }
 .bg-gold\/20 { background-color: rgba(184, 134, 11, 0.2); }
 .border-gold\/30 { border-color: rgba(184, 134, 11, 0.3); }
 .border-gold\/40 { border-color: rgba(184, 134, 11, 0.4); }
 .hover\:bg-gold\/10:hover { background-color: rgba(184, 134, 11, 0.1); }
 .shadow-gold { box-shadow: 0 4px 14px 0 #00000020; }
 .shadow-elegant { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.05), 0 1px 2px -1px rgb(0 0 0 / 0.05); }
 .hover\:shadow-gold:hover { box-shadow: 0 4px 14px 0 rgba(184, 134, 11, 0.35); }
 .font-display { font-family: var(--font-family); }
 .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
 .animate-fade-in-up { animation: fadeInUp 0.6s ease-out forwards; }
 @keyframes fadeInUp {
 from { opacity: 0; transform: translateY(12px); }
 to { opacity: 1; transform: translateY(0); }
 }

 /* Acessibilidade */
 .screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
 .skip-link:focus { position: fixed; left: 6px; top: 7px; z-index: 100000; background: #fff; padding: 0.5rem 1rem; }

 /* Compatibilidade com classes usadas no HTML (Tailwind CDN não inclui custom theme) */
 .text-foreground { color: var(--foreground); }
 .text-muted-foreground { color: var(--muted); }
 .text-primary-foreground { color: #fff; }
 .text-accent { color: var(--accent); }
 .bg-background { background-color: var(--background); }
 .bg-card { background-color: var(--card); }
 .bg-muted\/50 { background-color: rgba(100, 116, 139, 0.08); }
 .bg-muted\/60 { background-color: rgba(100, 116, 139, 0.12); }
 .border-border { border-color: var(--border); }
 .ring-ring { --tw-ring-color: var(--accent); }
 .hover\:text-accent:hover { color: var(--accent); }
 .focus-visible\:ring-gold\/50:focus-visible { --tw-ring-color: rgba(184, 134, 11, 0.5); }
 .focus\:ring-gold\/50:focus { --tw-ring-color: rgba(184, 134, 11, 0.5); }
 .focus\:border-gold:focus { border-color: var(--gold); }

 /* Botão flutuante - padding bottom para não sobrepor conteúdo no mobile */
 @media (max-width: 768px) { body { padding-bottom: 90px; }
 .fixed.bottom-0 { box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); }
 }

 /* Lightbox customizações */
 .mfp-img-mobile .mfp-image-holder .mfp-close { top: -40px; right: 0; color: white; opacity: 0.9; }
 .mfp-img-mobile .mfp-image-holder .mfp-close:hover { opacity: 1; }

 /* Estilos para selects de filtros */
 .js-filtro-select { transition: border-color 0.2s ease; background-image: url("data:image/svg+xml; charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px; padding-right: 2.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
 .js-filtro-select:hover { border-color: rgba(184, 134, 11, 0.3); }
 .js-filtro-select:focus { border-color: var(--gold); outline: none; box-shadow: 0 0 0 2px rgba(184, 134, 11, 0.2); }

 /* Estilos para imagens */
 img.aligncenter { margin: 0 auto; }
 img.alignleft { margin: 0 0 1em 0; }
 img.alignright { margin: 0 0 1em 0; }
 img.alignnone { margin: 0 0 1em 0; }

 body.page .text-content-page :is(p,h1,h2,h3,h4,h5,h6) { margin-bottom: 1.1em; }

/* Estilos para dropdowns de múltipla seleção */
.js-multiselect-menu {
	scrollbar-width: thin;
	scrollbar-color: rgba(184, 134, 11, 0.3) transparent;
}
.js-multiselect-menu::-webkit-scrollbar {
	width: 6px;
}
.js-multiselect-menu::-webkit-scrollbar-track {
	background: transparent;
}
.js-multiselect-menu::-webkit-scrollbar-thumb {
	background-color: rgba(184, 134, 11, 0.3);
	border-radius: 3px;
}
.js-multiselect-menu::-webkit-scrollbar-thumb:hover {
	background-color: rgba(184, 134, 11, 0.5);
}

.js-multiselect-checkbox {
	width: 16px;
	height: 16px;
	cursor: pointer;
	accent-color: var(--gold);
}

.js-multiselect-menu label {
	transition: background-color 0.15s ease;
}

.js-multiselect-menu label:hover {
	background-color: rgba(100, 116, 139, 0.1);
}