/*
Theme Name: Sunlit
Theme URI: https://gaviaspreview.com/wp/sunlit/
Author URI: https://themeforest.net/user/gavias
Author: Gaviasthemes Team
Description: The 2024 theme for WordPress is a fully responsive theme that looks great on any device.
Version: 1.0.7
Tested up to: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready
Text Domain: sunlit

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.wp-caption-text{
   font-weight: 400;
   font-size: 14px;
   font-style: italic;
   color: #3f3836;
}
.gallery-caption{
   font-weight: 500;
}
.bypostauthor{
   text-align: left;
}

/* 1. Style the main calendar popup container */
#ui-datepicker-div {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
    font-family: inherit !important;
    padding: 12px !important;
    width: 280px !important;
    z-index: 99999 !important; /* Ensures it stays on top of other elements */
}

/* 2. Style the Header (Month and Year navigation) */
#ui-datepicker-div .ui-datepicker-header {
    background: transparent !important;
    border: none !important;
    color: #333333 !important;
    font-weight: 600 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* 3. Style Next & Previous Buttons */
#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
    text-indent: -99999px !important; /* Forces the text out of view */
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    display: block !important;
}

/* Center the icons nicely inside your rounded buttons */
#ui-datepicker-div .ui-datepicker-prev span {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: -8px !important;
    margin-top: -8px !important;
}

#ui-datepicker-div .ui-datepicker-next span {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: -8px !important;
    margin-top: -8px !important;
}

/* 4. Style the Days of the Week headers (Mo, Tu, We...) */
#ui-datepicker-div th {
    color: #888888 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 8px 0 !important;
}

/* 5. Style the individual Date numbers */
#ui-datepicker-div td a {
    background: transparent !important;
    border: none !important;
    border-radius: 6px !important;
    color: #333333 !important;
    font-size: 13px !important;
    padding: 8px !important;
    text-align: center !important;
    transition: all 0.2s ease !important;
}

/* Hover effect on date numbers */
#ui-datepicker-div td a:hover {
    background: #f0f0f0 !important;
    color: #000000 !important;
}

/* 6. Style the SELECTED active date (Change #0073aa to your brand color) */
#ui-datepicker-div td .ui-state-active {
    background: #0073aa !important; /* Modern WordPress Blue or your brand color */
    color: #ffffff !important;
    font-weight: bold !important;
}

/* 7. Style disabled dates (past dates / weekends if blocked) */
#ui-datepicker-div .ui-state-disabled span {
    color: #cccccc !important;
    background: transparent !important;
}