/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    JA Modules <info@jamodules.com>
 * @copyright Since 2007 JA Modules
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 */

.fullcalendar-content {
    background: #fff;
    margin-bottom: 20px;
    padding: 10px;
}

#fullcalendarEventModal {
    /* === Core Positioning for Centering === */
    position: fixed !important; /* Crucial: Position relative to the viewport */
    top: 50% !important;        /* Position the top edge at the viewport's vertical center */
    left: 50% !important;       /* Position the left edge at the viewport's horizontal center */
    transform: translate(-50%, -50%) !important; /* Shift element back by half its own width AND height */

    /* === Dimensions & Responsiveness === */
    width: 90vw !important;      /* Start with viewport width percentage */
    max-width: 600px !important; /* Set a max-width in pixels (adjust as needed) */
    min-width: 280px !important; /* Good for very small screens */
    
    height: auto !important;        /* Let content determine height initially */
    max-height: 85vh !important;  /* Max 85% of viewport height, prevents it from being too tall */
    overflow-y: auto !important;  /* Add scrollbar if content IS taller than max-height */

    /* === Basic Styling & Stacking === */
    background-color: #fff !important; 
    border-radius: 12px;
    /* padding: 20px !important;          
    border: 1px solid #ccc !important; */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important; 
    z-index: 1051 !important; 

    /* === Reset other potentially conflicting properties from theme === */
    margin: 0 !important;     /* Reset any margins */
    right: auto !important;   /* Don't let theme's 'right' interfere with 'left' and 'width' */
    bottom: auto !important;  /* Don't let theme's 'bottom' interfere with 'top' and 'height' */
}

.modal-info-data-sheet {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 10px 20px;
    background-color: #f4f4f4;
    padding: 10px;
    max-width: 600px;
    font-family: Arial, sans-serif;
  }
  
  .modal-info-data-sheet .row {
    display: contents;
  }
  
  .modal-info-data-sheet dt {
    background-color: #eee;
    padding: 15px;
    font-weight: bold;
  }
  
  .modal-info-data-sheet dd {
    background-color: #eee;
    padding: 15px;
    margin: 0;
  }
  
  .modal-info-data-sheet a {
    display: inline-block;
    color: #1ca8dd;
    text-decoration: none;
    font-size: 0.9em;
    margin-top: 5px;
  }

.modal-excerpt img {
    max-width: 100%;
    max-height: 225px;
    height: auto;
    width: auto;
    display: block;
    margin: auto;
}

#fullcalendar-home h2 {
    font-size: 1.375rem;
    text-align: center;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

#fullcalendar-home .fc-event[href] {
    cursor: pointer !important;
}

#fullcalendarEventModal .modal-content {
    background-color: #fff !important;
    border: none;
    text-align: left;
}

#fullcalendarEventModal .modal-header .close {
    margin-top: -25px;
}

#fullcalendarEventModal .modal-header {
    margin-top: -25px;
    text-align: center;
}

#fullcalendarEventModal .modal-footer {
    border: none;
}

#module-fullcalendar-event .block-dates {
    font-size: 12px;
    margin-bottom: 20px;
}

#module-fullcalendar-event .excerpt {
    font-style: italic;
    margin-bottom: 20px;
}