/*
Theme Name: Latino Pack Twenty Five
Theme URI: https://latinoamericapack.com
Author: Latino Pack LLC
Author URI: https://latinoamericapack.com
Description: A modern, clean WordPress theme for Latino Pack's logistics and shipping services. Built with Tailwind CSS and modern web technologies.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: latinopack-twentyfive
*/

/* Base theme styles - most styling will be handled by Tailwind CSS */
:root {
  --primary-color: #00AE41;    /* Primary Green */
  --secondary-color: #001F3F;  /* Navy Blue */
  --light-color: #F8FAFC;      /* Surface Light */
  --dark-color: #0F172A;       /* Surface Dark */
}

/* Fix for WooCommerce pages header */
body.woocommerce .custom-logo-link img,
body.woocommerce-page .custom-logo-link img,
body.woocommerce .custom-logo,
body.woocommerce-page .custom-logo {
  max-height: 50px !important;
  width: auto !important;
}

body.woocommerce .custom-logo-container,
body.woocommerce-page .custom-logo-container {
  display: flex;
  align-items: center;
  height: 50px;
}

/* Make sure the main header has the right styles */
.bg-white\/95 {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

.backdrop-blur-sm {
  backdrop-filter: blur(4px) !important;
}

/* Improve dropdown behavior for services menu */
.relative.group:hover .hidden.group-hover\:block {
  display: block;
}

.relative.group .hidden.group-hover\:block {
  transition: opacity 0.3s, visibility 0.3s;
  transition-delay: 0.15s;
  opacity: 0;
  visibility: hidden;
  display: block;
}

.relative.group:hover .hidden.group-hover\:block {
  opacity: 1;
  visibility: visible;
}

/* Add a small area below the menu button to prevent accidental closing */
.relative.group::after {
  content: '';
  position: absolute;
  height: 20px;
  width: 100%;
  bottom: -20px;
  left: 0;
}

/* Make the dropdown panel easier to interact with */
.relative.group .hidden.group-hover\:block {
  pointer-events: none;
}

.relative.group:hover .hidden.group-hover\:block {
  pointer-events: auto;
}

/* Ensure WordPress admin bar doesn't overlap with fixed header */
.admin-bar .fixed-header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .fixed-header {
    top: 46px;
  }
}

/* WordPress required styles */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption-text {
  font-style: italic;
  text-align: center;
}

.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;
  width: 1px;
  word-wrap: normal !important;
}

/* Fix for disappearing Gutenberg headers */
.text-4xl,
.md\:text-5xl,
.font-bold,
.text-white,
.mb-4,
.tracking-tight,
.text-lg,
.text-gray-400,
.max-w-2xl,
.mx-auto,
.leading-relaxed,
.animate-fade-in,
.text-center {
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
    transition: none !important;
}

.animate-fade-in {
    display: block !important;
    animation: fadeInAndStay 1s ease-out forwards !important;
}

@keyframes fadeInAndStay {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* Ensure the text-center class doesn't disappear */
.text-center.mb-12.animate-fade-in {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* General fixes for Gutenberg blocks */
.wp-block-heading,
h1, h2, h3, h4, h5, h6 {
    visibility: visible !important;
    opacity: 1 !important;
}