/*
Theme Name: Carla Conference
Theme URI: https://carlaconf.com
Author: CarlaConf Team
Author URI: https://carlaconf.com
Description: A modern conference theme built for CarlaConf
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: carla-theme
Tags: conference, modern, responsive

This theme is based on a React application converted to WordPress.
*/

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles for theme-specific elements */

/* 
SPONSOR SIZE HIERARCHY:
- Diamond: h-32 md:h-40 lg:h-48 (8rem/10rem/12rem) - Largest, most prestigious
- Platinum: h-24 md:h-28 lg:h-32 (6rem/7rem/8rem) - Large, premium
- Gold: h-20 md:h-24 lg:h-28 (5rem/6rem/7rem) - Medium, standard
- Silver: h-16 md:h-20 lg:h-24 (4rem/5rem/6rem) - Same width as Gold (max-w-xs)

GRID LAYOUT:
- Diamond: 1 column mobile, 2 columns desktop (max 5 logos)
- Platinum: 1-2-3 columns responsive (max 8 logos)
- Gold: 2-3-4 columns responsive (max 12 logos)
- Silver: 2-4-6 columns responsive (max 16 logos)
- Supported by: 2-3-4 columns responsive (max 12 logos, same as Gold)
*/

/* Sponsor Logo Enhancements */
.sponsor-logo-container {
    padding: 1rem;
    border-radius: 0.75rem;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    max-height: 200px; /* Prevents containers from becoming too tall */
    overflow: hidden; /* Ensures images don't overflow */
}

.sponsor-logo-container:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1);
}

/* Sponsor Image Constraints */
.sponsor-logo-container img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* Responsive sponsor grid spacing */
@media (max-width: 768px) {
    .sponsor-logo-container {
        min-height: 80px;
        max-height: 120px;
        padding: 0.75rem;
    }
    
    /* Adjust logo sizes for mobile to maintain hierarchy */
    .h-32 { height: 4rem !important; } /* Diamond mobile size */
    .h-24 { height: 2rem !important; } /* Platinum mobile size */
    .h-20 { height: 1rem !important; } /* Gold mobile size */
    .h-16 { height: 0.5rem !important; } /* Silver mobile size */
}

/* Additional responsive image constraints for mobile */
@media (max-width: 640px) {
    .sponsor-logo-container img {
        max-height: 60px;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    .sponsor-logo-container img {
        max-height: 80px;
    }
}

/* Ensure proper sponsor section spacing */
.sponsors-section {
    padding: 5rem 0;
}

.sponsors-tier {
    margin-bottom: 5rem;
}

.sponsors-tier:last-child {
    margin-bottom: 0;
}