/* MailToAd Custom Styles - Green Theme */

:root {
    --base-color: #1F6521;
	--green: #1F6521;
    --base-color-rgb: 31, 101, 33;
    --base-color-hover: #53900F;
    --dark-color: #1F2605;
    --highlight-color: #D6CE15;
}

/* Override Crafto base color */
.bg-base-color {
    background-color: var(--base-color) !important;
}

.text-base-color {
    color: var(--base-color) !important;
}

/* Hover states */
.btn-dark-gray:hover {
    background-color: var(--base-color) !important;
    border-color: var(--base-color) !important;
}

.btn-transparent-dark-gray:hover {
    background-color: var(--base-color) !important;
    border-color: var(--base-color) !important;
    color: #fff !important;
}

.btn-transparent-light-gray:hover {
    background-color: var(--base-color) !important;
    border-color: var(--base-color) !important;
    color: #fff !important;
}

/* Links */
a.text-dark-gray:hover {
    color: var(--base-color) !important;
}

/* Navigation active state */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: var(--base-color) !important;
}

/* Footer */
footer a:hover {
    color: var(--base-color) !important;
}

/* Scroll to top */
.scroll-top:hover {
    color: var(--base-color) !important;
}

/* Gradient backgrounds */
.bg-gradient-misty-rose {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

/* Box shadows */
.box-shadow-extra-large {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.box-shadow-quadruple-large-hover:hover {
    box-shadow: 0 20px 60px rgba(31, 101, 33, 0.15);
}

/* Accordion */
.accordion-button:not(.collapsed) {
    background-color: rgba(31, 101, 33, 0.05);
    color: var(--base-color);
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(31, 101, 33, 0.25);
}

/* Comparison table */
.bg-base-color.text-white {
    background-color: var(--base-color) !important;
}

/* VS In-House */
.bg-base-color.p-40px {
    background-color: var(--base-color) !important;
}

/* Dragonfly Cursor - Override Crafto defaults */
.custom-cursor .circle-cursor-outer {
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    width: 36px !important;
    height: 36px !important;
    margin-left: -18px !important;
    margin-top: -18px !important;
    will-change: transform;
}
.custom-cursor .circle-cursor-inner {
    display: none !important;
}
.cursor-dragonfly {
    width: 100%;
    height: 100%;
    pointer-events: none;
    transform-origin: center center;
    display: block;
    transition: transform 0.15s ease-out;
}
.cursor-dragonfly--hover {
    /* scale is applied via JS inline style, this class is just a flag */
}
.client-avatars {
    display: flex;
    align-items: center;
}
.client-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #ffffff;
    box-shadow: -3px 2px 6px rgb(0 0 0 / 60%);
    margin-left: -16px;
}
.client-avatar:first-child {
    margin-left: 0;
}

/* Cookie Banner */
.cookie-banner {
    position: fixed;
    right: 20px;
    bottom: 20px;
    max-width: 340px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 20px;
    z-index: 9999;
}
@media (max-width: 575px) {
    .cookie-banner { right: 10px; left: 10px; max-width: none; }
}

/* Magnific Popup - Video close button (override Crafto defaults) */
button.mfp-close,
button.mfp-close:active {
    color: transparent !important;
    font-size: 0 !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    position: fixed !important;
    right: 20px !important;
    top: 20px !important;
    z-index: 10001 !important;
    cursor: pointer;
}
button.mfp-close::before {
    content: '\00D7' !important;
    color: #fff !important;
    font-size: 32px !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}