/*
 Theme Name:   Couponly Child
 Theme URI:    https://themephi.net/products/wordpress/couponly
 Description:  Couponly Child
 Author:       Themephi
 Author URI:   http://themephi.net
 Template:     couponly
 Version:      1.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/* Hide language dropdown from inner pages */
.elementor-3961 .elementor-element.elementor-element-7406c95 {
    display: none !important;
}
	
.elementor-3961 .elementor-element.elementor-element-e8f45f4 {
   display: none !important;
}

.elementor-element elementor-element-7406c95 elementor-widget elementor-widget-shortcode {
    display: none !important;
}

.elementor-element elementor-element-e8f45f4 e-con-full e-flex e-con e-child {
    display: none !important;
}


/* =========================================
   REDEEM PAGE
========================================= */

.redeem-page {
    padding: 20px 20px 90px;
}

.redeem-container {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.redeem-title {
    max-width: 850px;
    margin: 0 auto 22px;
    font-size: 35px;
    line-height: 1.08;
    font-weight: 700;
    color: #24324f;
}

.redeem-success {
    margin: 0 0 30px;
    font-size: 22px;
    color: #24324f;
}


/* Coupon code */

.redeem-code-box {
    width: min(100%, 650px);
    min-height: 130px;
    margin: 0 auto;
    padding: 25px 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f7fbff;
    border: 1px dashed #b7c7e6;
    border-radius: 4px;

    cursor: pointer;
    transition: all .2s ease;
}

.redeem-code-box:hover {
    background: #f0f8ff;
    border-color: #1689d8;
}

.redeem-code {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #40577b;
}


/* Copy instruction */

.redeem-copy-hint {
    margin: 18px 0 5px;
    font-size: 18px;
    color: #4d5d78;
}

.redeem-copy-message {
    min-height: 25px;
    margin: 0;
    color: #159447;
    font-size: 16px;
    font-weight: 600;
}


/* Did it work */

.redeem-feedback {
    margin-top: 28px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    font-size: 20px;
}

.feedback-label {
    margin-right: 8px;
    color: #40506c;
}

.feedback-btn {
    border: 0;
    border-radius: 4px;
    padding: 10px 18px;

    font-size: 18px;
    cursor: pointer;
}

.feedback-yes {
    background: #dcf9df;
    color: #009c18;
}

.feedback-no {
    background: #ffe2ea;
    color: #d90055;
}


/* Divider */

.redeem-divider {
    height: 1px;
    background: #e5e5e5;
    margin: 35px 0;
}


/* Bottom section */

.redeem-bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;

    text-align: left;
}

.redeem-sharing h3 {
    margin: 0 0 15px;
    font-size: 20px;
    color: #40506c;
}

.social-share-links {
    display: flex;
    gap: 9px;
}

.social-share-links a {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #1689d8;
    border-radius: 50%;

    color: #1689d8;
    text-decoration: none;

    font-weight: 600;
}

.social-share-links a:hover {
    background: #1689d8;
    color: #fff;
}


/* Used by */

.redeem-used {
    text-align: right;
}

.used-count {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;

    font-size: 20px;
    color: #4d5d78;
}

.used-icon {
    color: #1689d8;
}

.redeem-store-link {
    display: inline-block;
    margin-top: 15px;

    color: #0875bd;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

.redeem-store-link:hover {
    text-decoration: underline;
}


/* Continue to Store */

.redeem-store-action {
    margin-top: 35px;
}

.redeem-store-action p {
    margin-bottom: 15px;
    font-size: 18px;
    color: #40506c;
}

.continue-store-btn {
    display: inline-block;
    padding: 13px 28px;

    background: #ff6a1a;
    color: #fff;

    border-radius: 4px;
    text-decoration: none;

    font-size: 17px;
    font-weight: 600;
}

.continue-store-btn:hover {
    color: #fff;
    opacity: .9;
}


/* Mobile */

@media (max-width: 767px) {

    .redeem-page {
        padding: 45px 15px 60px;
    }

    .redeem-title {
        font-size: 34px;
    }

    .redeem-success {
        font-size: 18px;
    }

    .redeem-code-box {
        min-height: 100px;
        padding: 20px;
    }

    .redeem-code {
        font-size: 26px;
    }

    .redeem-feedback {
        flex-wrap: wrap;
    }

    .redeem-bottom {
        flex-direction: column;
        align-items: stretch;
        gap: 30px;
    }

    .redeem-used {
        text-align: left;
    }

    .used-count {
        justify-content: flex-start;
    }

}

.main-contain #content {
    padding-top: 30px;
    padding-bottom: 30px;
}

.themephi-breadcrumbs .breadcrumbs-inner {
    padding: 30px 0;
    padding-top: 30px;
}

.redeem-container {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    border: solid 2px #FF943D;
    border-radius: 25px;
    padding: 25px 25px;
}

.feedback-btn.selected {
    transform: translateY(-1px);
    box-shadow: 0 0 0 2px #0065b2;
    font-weight: 700;
}

/* =========================================
   YES / NO FEEDBACK - SELECTED STATE
   ========================================= */

.redeem-feedback .feedback-btn.selected {
    transform: translateY(-1px);
    font-weight: 700;
    box-shadow: 0 0 0 3px rgba(0, 101, 178, 0.20);
}


/* YES selected */

.redeem-feedback .feedback-yes.selected {
    background-color: #d9f7df !important;
    color: #168a2f !important;
    border-color: #168a2f !important;
}


/* NO selected */

.redeem-feedback .feedback-no.selected {
    background-color: #fde0e7 !important;
    color: #d6245b !important;
    border-color: #d6245b !important;
}

/* Feedback confirmation message */

.feedback-message {
    width: 100%;
    margin: 14px 0 0;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    min-height: 21px;
}

/* Feedback section */

.redeem-feedback-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.feedback-label {
    margin-right: 8px;
}


/* Feedback message */

.feedback-message {
    display: block;
    width: 100%;
    margin: 12px 0 0;
    min-height: 22px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}

.feedback-message-success {
    color: #168a2f;
    font-weight: 600;
}

.feedback-message-warning {
    color: #a15c00;
    font-weight: 600;
}


/* Store / Brand Logo */

.redeem-store-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 18px;
}

.redeem-store-logo-img {
    width: 90px;
    height: 90px;
    object-fit: contain;
    display: block;
}

/* =========================================================
   Detailed Store Description
   ========================================================= */

.store-detailed-description {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 35px;
    background: #ffffff;
    border: 1px solid #e8edf3;
    border-radius: 10px;
}

.store-detailed-description-inner {
    max-width: 100%;
}

.store-detailed-description h2 {
    margin: 0 0 20px;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
}

.store-detailed-description-content {
    font-size: 16px;
    line-height: 1.75;
    color: #555;
}

.store-detailed-description-content p {
    margin: 0 0 18px;
}

.store-detailed-description-content p:last-child {
    margin-bottom: 0;
}

.store-detailed-description-content h3 {
    margin: 28px 0 12px;
    font-size: 21px;
    line-height: 1.4;
}

.store-detailed-description-content h4 {
    margin: 24px 0 10px;
    font-size: 18px;
}

.store-detailed-description-content ul,
.store-detailed-description-content ol {
    margin: 0 0 20px 25px;
}

.store-detailed-description-content li {
    margin-bottom: 8px;
}

.store-detailed-description-content a {
    text-decoration: underline;
}