﻿
.GiftSection {
    background: #FAFAFA !important;
    color: #222 !important;
}

.GiftPageContainer .container {
    max-width: 1100px !important;
}

.GiftPageContainer .card {
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,.08) !important;
    border: 1px solid #E5E5E5 !important;
}

.needs-validation {
    border-radius: 16px !important;
    box-shadow: none !important;
}

    .needs-validation .card {
        box-shadow: 0 10px 40px rgba(0,0,0,.08) !important;
        border: 1px solid #E5E5E5 !important;
    }

h2.GiftCertificateTitle {
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #222 !important;
    position: relative !important;
    padding-bottom: 14px !important;
}

    h2.GiftCertificateTitle::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 48px !important;
        height: 3px !important;
        background: #8b1822 !important;
        border-radius: 4px !important;
    }

.GiftCertificatedDesc {
    font-size: 14px !important;
    line-height: 22px !important;
    color: #666 !important;
    font-style: normal !important;
}

h5.GiftCertificateTitle {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    color: #181818 !important;
}

.bg-lightgrey {
    background: #FAFAFA !important;
    border-radius: 8px !important;
    border: 1px solid #E5E5E5 !important;
}

.modal-title.GiftCertificateTitle {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #222 !important;
    padding-bottom: 0 !important;
}

    .modal-title.GiftCertificateTitle::after {
        display: none !important;
    }

.giftlabelColor {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #222 !important;
}

.needs-validation .form-control,
.needs-validation textarea.form-control,
.needs-validation .input-group-text {
    border: 1.5px solid #E5E5E5 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #222 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.needs-validation .form-control {
    height: 44px !important;
    padding: 0 14px !important;
}

.needs-validation textarea.form-control {
    height: auto !important;
    min-height: 90px !important;
    padding: 10px 14px !important;
    resize: none !important;
}

    .needs-validation .form-control:focus,
    .needs-validation textarea.form-control:focus {
        border-color: #8b1822 !important;
        box-shadow: 0 0 0 3px rgba(198,153,70,.15) !important;
        outline: none !important;
    }

.needs-validation .input-group {
    border-radius: 8px !important;
}

    .needs-validation .input-group .input-group-text {
        border-right: none !important;
        border-radius: 8px 0 0 8px !important;
        background: #FAFAFA !important;
        color: #181818 !important;
    }

    .needs-validation .input-group .form-control {
        border-left: none !important;
        border-radius: 0 8px 8px 0 !important;
    }

    .needs-validation .input-group:focus-within .input-group-text {
        border-color: #8b1822 !important;
    }

.text-danger {
    color: #d0342c !important;
    font-size: 12px !important;
}

.gcAmount {
    font-size: 12px !important;
    color: #999 !important;
}

hr {
    border: none !important;
    border-top: 1px solid #E5E5E5 !important;
    opacity: 1 !important;
}

.btn-outline-danger.dropdown-toggle {
    background: #fff !important;
    color: #181818 !important;
    border: 1.5px solid #E5E5E5 !important;
    border-radius: 8px !important;
    height: 44px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    transition: border-color .2s ease, transform .2s ease !important;
}

    .btn-outline-danger.dropdown-toggle:hover,
    .btn-outline-danger.dropdown-toggle:focus,
    .btn-outline-danger.dropdown-toggle:active {
        background: #fff !important;
        color: #181818 !important;
        border-color: #8b1822 !important;
    }

.dropdown-toggle::after {
    border-top-color: #C69946 !important;
}

.GC-dropdown {
    color: #222 !important;
    background-color: #fff !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
    padding: 6px !important;
}

    .GC-dropdown li a {
        color: #222 !important;
        border-radius: 6px !important;
        font-size: 14px !important;
    }

.dropdown-header {
    color: #C69946 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}

.dropdown-item {
    border-top: none !important;
    padding: 8px 12px !important;
    transition: background .15s ease !important;
}

    .dropdown-item:hover,
    .dropdown-item:focus {
        background: rgba(198,153,70,.08) !important;
        color: #181818 !important;
    }

#giftToSection textarea {
    color: #222 !important;
}

.btn-addtocart {
    color: #fff !important;
    background-color: #8b1822 !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    height: 44px !important;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
    letter-spacing:1px;
}

    .btn-addtocart:hover,
    .btn-addtocart:focus {
        color: #fff !important;
        background-color: #8b1822 !important;
        border: none !important;
        transform: translateY(-2px) !important;
    }

.form-control:focus,
.btn:focus {
    box-shadow: none !important;
}

#captcha-error {
    color: #d0342c !important;
    font-size: 13px !important;
}

@media (max-width: 576px) {
    .g-recaptcha {
        margin-left: -10px !important;
        zoom: .9 !important;
    }
}

.GC-card-header {
    background-color: #181818 !important;
    color: #fff !important;
    border-radius: 16px 16px 0 0 !important;
}

    .GC-card-header .badge {
        background: rgba(198,153,70,.18) !important;
        color: #C69946 !important;
        font-weight: 600 !important;
    }

.GiftCartItemCounter {
    font-size: clamp(12px,3vw,16px) !important;
}

.card-body .list-group-item {
    border: 1px solid #E5E5E5 !important;
    box-shadow: none !important;
    transition: border-color .2s ease, transform .2s ease !important;
}

    .card-body .list-group-item:hover {
        border-color: #C69946 !important;
        transform: translateX(2px) !important;
    }

.text-gc-total {
    color: #C69946 !important;
    font-size: 18px !important;
}

.GiftPayNowBtn {
    background-color: #fff !important;
    color: #181818 !important;
    border: 1.5px solid #E5E5E5 !important;
    border-radius: 8px !important;
    height: 42px !important;
    font-weight: 600 !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

    .GiftPayNowBtn:hover {
        background-color: #C69946 !important;
        color: #fff !important;
        border-color: #C69946 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 10px 20px rgba(198,153,70,.3) !important;
        transition: .2s ease-in-out !important;
    }

.GiftPayOptBtn {
    background-color: #fff !important;
    color: #181818 !important;
    border: 1.5px solid #E5E5E5 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease !important;
}

    .GiftPayOptBtn:hover {
        background-color: #C69946 !important;
        color: #fff !important;
        border-color: #C69946 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 16px rgba(198,153,70,.3) !important;
    }

    .GiftPayOptBtn small {
        color: inherit !important;
        opacity: .75 !important;
    }

.d-block.d-md-none.fixed-bottom.shadow.p-2 {
    background: #181818 !important;
    border-top: 2px solid #C69946 !important;
}

    .d-block.d-md-none.fixed-bottom.shadow.p-2 .text-black {
        color: #fff !important;
    }

    .d-block.d-md-none.fixed-bottom.shadow.p-2 .text-gc-total {
        color: #C69946 !important;
    }

#mobileCartDrawer {
    top: 30px !important;
    border-radius: 16px 16px 0 0 !important;
}

    #mobileCartDrawer .offcanvas-title {
        color: #222 !important;
        font-weight: 600 !important;
    }

        #mobileCartDrawer .offcanvas-title .bi-gift {
            color: #C69946 !important;
        }
#payInPersonModal .modal-content {
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.2) !important;
}

#payInPersonModal .modal-body {
    color: #444 !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

#payInPersonModal .btn-secondary {
    background: #fff !important;
    color: #222 !important;
    border: 1.5px solid #E5E5E5 !important;
    border-radius: 8px !important;
    height: 42px !important;
    transition: border-color .2s ease, transform .2s ease !important;
}

    #payInPersonModal .btn-secondary:hover {
        border-color: #C69946 !important;
        transform: translateY(-2px) !important;
    }

.text-center.text-muted .bi-box-seam {
    color: #C69946 !important;
    opacity: .5 !important;
}

p {
    font-size: 14px !important;
}
.headerHSOTInvoiceBG {
    background: #fac486 !important;
}