/**
 * Theme Enhancement Styles
 */

/* Typography & Content Display */

/* External link icon styling */
.holler-external-link-icon::after {
    content: '\f08e';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 5px;
    font-size: 0.8em;
    display: inline-block;
    vertical-align: middle;
}

/* PDF link icon styling */
.holler-pdf-link-icon::after {
    content: '\f1c1';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 5px;
    font-size: 0.8em;
    display: inline-block;
    vertical-align: middle;
}

/* Code block styling */
.holler-code-block {
    font-family: monospace;
    padding: 15px;
    margin: 15px 0;
    border-radius: 5px;
    overflow: auto;
}

.holler-code-block.default {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
}

.holler-code-block.dark {
    background-color: #282c34;
    color: #abb2bf;
    border: 1px solid #181a1f;
}

.holler-code-block.light {
    background-color: #ffffff;
    color: #383a42;
    border: 1px solid #e8e8e8;
}

.holler-code-block.github {
    background-color: #f6f8fa;
    color: #24292e;
    border: 1px solid #e1e4e8;
}

.holler-code-block.monokai {
    background-color: #272822;
    color: #f8f8f2;
    border: 1px solid #1a1a1a;
}

/* Advanced Header Options */

/* Transparent header */
.holler-transparent-header #masthead {
    background-color: transparent !important;
    box-shadow: none !important;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.holler-transparent-header #masthead .site-title a,
.holler-transparent-header #masthead .site-description,
.holler-transparent-header #masthead .main-navigation a {
    color: #ffffff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Mobile Logo */
@media (max-width: 767px) {
    .holler-custom-mobile-logo .ast-site-identity .custom-logo,
    .holler-custom-mobile-logo .ast-site-identity .custom-logo-link img {
        display: none;
    }
    
    .holler-custom-mobile-logo .ast-site-identity .holler-mobile-logo-link {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .holler-custom-mobile-logo .ast-site-identity .holler-mobile-logo-link {
        display: none;
    }
}

/* Elementor Enhancement Settings */

/* Button styles */
.elementor-widget-button .elementor-button.holler-rounded {
    border-radius: 6px;
}

.elementor-widget-button .elementor-button.holler-pill {
    border-radius: 50px;
}

.elementor-widget-button .elementor-button.holler-square {
    border-radius: 0;
}

/* Custom radius defined in the JS file */