/* =========================
   MEMBERSHIP CARDS DESIGN
========================= */


        .gtxc-membership-status-box-inner {
            width: 100%;
        }


        .gtxc-plans-cards-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 24px;
            margin-top: 25px;
        }

        .gtxc-plan-card {
            position: relative;
            background: linear-gradient(145deg, #111111, #0a0a0a);
            border: 1px solid #4B330F !important;
            border-radius: 20px;
            padding: 40px 20px;
            overflow: hidden;
            transition: all 0.35s ease;
            box-shadow:
                0 0 0 rgba(212, 160, 23, 0),
                0 10px 25px rgba(0, 0, 0, 0.45);
            max-width: 400px;


        }

        /* GOLD GLOW */
        .gtxc-plan-card::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(130deg,
                    rgba(212, 160, 23, 0.08),
                    transparent 40%);
            pointer-events: none;
        }

        /* HOVER */
        .gtxc-plan-card:hover {
            transform: translateY(-6px);
            border-color: rgba(212, 160, 23, 0.6);
            box-shadow:
                0 0 18px rgba(212, 160, 23, 0.15),
                0 12px 30px rgba(0, 0, 0, 0.55);
        }

        /* ACTIVE */
        .plan-active {
            border-left: 4px solid #d4a017 !important;
        }

        /* EXPIRED */
        .plan-expired {
            border-left: 4px solid #ff4d4f !important;
            opacity: 0.85;
        }

        /* STATUS BADGE */
        .gtxc-plan-status-badge {
            position: absolute;
            top: 18px;
            right: 18px;
        }

        .badge-active,
        .badge-expired {
            display: inline-flex;
            align-items: center;
            padding: 4px 14px;
            border-radius: 5px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1px;
        }

        .badge-active {
            background: rgba(212, 160, 23, 0.12);
            color: #C38C38;
            border: 1px solid rgba(212, 160, 23, 0.35);
        }

        .badge-expired {
            background: rgba(255, 77, 79, 0.12);
            color: #ff6b6b;
            border: 1px solid rgba(255, 77, 79, 0.35);
        }

        /* TITLE */
        .gtxc-plan-card-title {
            font-family: Playfair Display;
            color: #ffffff;
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 22px;
            letter-spacing: 0.4px;
        }

        /* DATE BOXES */
        .gtxc-plan-dates {
            display: flex;
            flex-direction: column;
            gap: 14px;
            margin-bottom: 22px;
        }

        .gtxc-date-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.06);
            border-radius: 5px;
            padding: 10px 15px;
        }

        .gtxc-date-label {
            color: #999;
            font-size: 13px;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .gtxc-date-value {
            color: #fff;
            font-weight: 600;
            font-size: 14px;
        }

        /* TIME LEFT */
        .gtxc-time-remaining {
            display: flex;
            align-items: center;
            gap: 14px;
            background: rgba(212, 160, 23, 0.08);
            border: 1px solid rgba(212, 160, 23, 0.12);
            padding: 15px;
            border-radius: 5px;
            margin-bottom: 18px;
        }

        .gtxc-time-icon {
            width: 42px;
            height: 42px;
            background: rgba(212, 160, 23, 0.12);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #C38C38;
            font-size: 18px;
        }

        .gtxc-time-icon img {
            width: 18px;
            height: 18px;
            object-fit: contain;
        }


        .gtxc-entries-icon img {
            width: 18px;
            height: 18px;
            object-fit: contain;
        }


        .time-value {
            color: #C38C38;
            font-weight: 700;
            font-size: 16px;
        }

        .time-expired {
            color: #ff6b6b;
            font-weight: 700;
        }

        /* ENTRIES */
        .gtxc-plan-renewal-price,
        .gtxc-plan-entries-count,
        .gtxc-plan-duration-info {
            display: flex;
            align-items: center;
            gap: 14px;
            margin-bottom: 22px;
        }

        .gtxc-entries-icon {
            width: 42px;
            height: 42px;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.05);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
        }

        .entries-label {
            display: block;
            color: #999;
            font-size: 13px;
        }

        .entries-number {
            color: #fff;
            font-size: 20px;
            font-weight: 700;
        }

        /* BUTTONS */
        .gtxc-btn-upgrade,
        .gtxc-btn-active {
            width: 100%;
            border: none;
            border-radius: 5px;
            padding: 14px;
            font-weight: 700;
            cursor: pointer;
            transition: 0.3s;
            font-size: 14px;
            display: flex;
            justify-content: center;
            gap: 10px;
            align-items: center;
            height: 50px;
        }

        .gtxc-btn-upgrade {
            background: linear-gradient(135deg,
                    #C38C38,
                    #f0c14b);
            color: white;
        }


        .gtxc-plan-action img {
            width: 18px;
            height: 18px;
        }


        .gtxc-btn-upgrade:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(212, 160, 23, 0.25);
        }

        .gtxc-btn-active,
        .gtxc-btn-active:hover {
            background: rgba(255, 255, 255, 0.06);
            color: #999;
            cursor: not-allowed;
            display: flex;
            align-items: center;
            gap: 10px;
            justify-content: center;
        }

        /* EMPTY STATE */
        .gtxc-no-plans-message {
            text-align: center;
            padding: 50px 20px;
            border: 1px dashed rgba(212, 160, 23, 0.25);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.02);
        }

        .gtxc-no-plans-message p {
            color: #ccc;
            margin-bottom: 20px;
            font-size: 16px;
        }

        .gtxc-purchase-link {
            display: inline-block;
            background: #C38C38;
            color: #111;
            padding: 12px 22px;
            border-radius: 5px;
            font-weight: 700;
            text-decoration: none;
            transition: 0.3s;
        }


        button.gtxc-btn-active img {
            height: 18px;
            width: 18px;
            object-fit: contain;
        }

        .gtxc-purchase-link:hover {
            background: #f0c14b;
        }

        .special_enteries {
            text-align: end;
            margin-bottom: 30px;
        }


        .gtxc-buy-entries-btn {
            border: 1px solid #c38c38;
            background-color: #c38c38;
            color: white;
        }

        .gtxc-buy-entries-btn:hover {
            background: linear-gradient(90deg, #986d2c 0%, #e3a343 44.5%, #986d2c 100%) !important;
        }

        .gtxc-buy-entries-btn:focus {
            background: linear-gradient(90deg, #986d2c 0%, #e3a343 44.5%, #986d2c 100%) !important;
        }

        /* ====================================
   GIVEAWAY ENTRIES PREMIUM DESIGN
==================================== */

        .gtxc-entries-stats-box {
            padding: 30px;
            border-radius: 10px;
            background: #050505;
            border: 1px solid #4B330F;
            margin-bottom: 50px;
        }


        /* HEADER */
        .gtxc-entries-stats-header {
            margin-bottom: 28px;
        }

        .gtxc-entries-stats-header h3 {
            color: #fff;
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .gtxc-entries-stats-header p {
            color: #999;
            font-size: 15px;
        }

        .gtxc-entries-stats-header strong {
            color: #d4a017;
        }

        /* GRID */
        .gtxc-entries-stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 22px;
        }

        /* CARD */
        .gtxc-entries-card {
            position: relative;
            background: linear-gradient(145deg, #0b0b0b, #070707);
            border: 1px solid rgba(212, 160, 23, 0.22);
            border-radius: 10px;
            padding: 30px 24px;
            text-align: center;
            transition: all 0.35s ease;
            overflow: hidden;
            flex-wrap: wrap;
        }

        /* GOLD LIGHT */
        .gtxc-entries-card::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(135deg,
                    rgba(212, 160, 23, 0.08),
                    transparent 40%);
            pointer-events: none;
        }

        /* HOVER */
        .gtxc-entries-card:hover {
            transform: translateY(-5px);
            border-color: rgba(212, 160, 23, 0.5);
            box-shadow:
                0 0 18px rgba(212, 160, 23, 0.12),
                0 10px 25px rgba(0, 0, 0, 0.5);
        }

        /* ICON */
        .gtxc-entries-icon {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: #583F19;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            color: #d4a017;
        }

        /* LABEL */
        .gtxc-entries-label {
            display: block;
            color: #bdbdbd;
            font-size: 14px;
            margin-bottom: 12px;
            letter-spacing: 0.3px;
        }

        /* VALUE */
        .gtxc-entries-value {
            display: block;
            color: #d4a017;
            font-size: 42px;
            line-height: 1;
            font-weight: 700;
            font-family: serif;
        }

        /* TOTAL CARD */
        .gtxc-total-card {
            border-color: rgba(240, 193, 75, 0.45);
            background:
                linear-gradient(145deg,
                    rgba(212, 160, 23, 0.08),
                    #070707);
        }

        /* NOTE */
        .gtxc-entries-note {
            margin-top: 22px;
            text-align: center;
        }

        .gtxc-entries-note small {
            color: #777;
            font-size: 13px;
        }




        /* MOBILE */
        @media (max-width: 768px) {
            .gtxc-membership-status-box {
                margin-bottom: 20px;
                padding: 10px;
            }

            .gtxc-entries-stats-box {
                padding: 30px 20px;
            }

            .gtxc-entries-icon {
                width: 50px;
                height: 50px;
            }


            .gtxc-entries-value {
                font-size: 34px;
            }

            .gtxc-entries-stats-header h3 {
                font-size: 22px;
            }

            .gtxc-date-row {
                padding: 10px 10px;
            }

            .gtxc-entries-stats-box {
                padding: 20px;
            }

            .gtxc-entries-card {
                padding: 10px 15px;
            }

            .gtxc-plan-card {
                padding: 30px 20px !important;
            }


        }



        /* MOBILE */
        @media (max-width: 468px) {
            .gtxc-plans-cards-container {
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            }

        }