/*
Theme Name: Relic Forge
Author: designpenta
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.heading, span.elementor-icon-list-text.elementor-inline-editing {
  background: linear-gradient(180deg, #D3A67C 0%, #D3A67C 45%, #6F4C39 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.button-001,
.button-001 .elementor-button {
   background: linear-gradient( 90deg, #6F4C39 0%, #6F4C39 25%, #6F4C39 50%, #D3A67C 75%, #D3A67C 100% ) !important;
	color:#fff;
    background-size: 200% 100% !important;
    background-position: left center !important;
    transition: background-position 0.6s ease !important;
	border-radius:5px;
}

.button-001:hover,
.button-001:hover .elementor-button {
    background-position: right center !important;
}

.top-head{
	position:absolute;
	top:0;
	left:0;
	right:0;
}

span.select2-dropdown.select2-dropdown--above span {
    background: #000 !important;
}

input.select2-search__field {
    background: #000 !important;
    color: #fff !important;
}
@media (max-width: 1024px) {
    .ekit_menu_responsive_tablet>.elementskit-navbar-nav-default {
        background-color: #000 !important;
    }
}



/*--------------------------------------------------------------------*/
/*====================================================================*/


/* =========================================================
   Relic Forge - Coin of Fate Featured Hero
   Desktop: Product image left / Product information right
   ========================================================= */

.rf-coin-feature {
    --rf-black: #050504;
    --rf-black-soft: #0b0b09;
    --rf-bone: #e5ddcc;
    --rf-gold: #c9a04f;
    --rf-bronze: #9b6546;

    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 80px 35px;

    color: var(--rf-bone);

    background:
        radial-gradient(
            ellipse at 18% 65%,
            rgba(155, 101, 70, 0.18) 0%,
            rgba(155, 101, 70, 0.08) 22%,
            rgba(5, 5, 4, 0) 52%
        ),
        radial-gradient(
            ellipse at 70% 40%,
            rgba(201, 160, 79, 0.035) 0%,
            transparent 45%
        ),
        linear-gradient(
            110deg,
            #090806 0%,
            #050504 45%,
            #030303 100%
        );
}

/* Subtle bottom glow */
.rf-coin-feature::after {
    content: "";
    position: absolute;
    left: -5%;
    bottom: -120px;

    width: 55%;
    height: 300px;

    background: rgba(155, 101, 70, 0.10);
    filter: blur(100px);

    pointer-events: none;
}


/* =========================================================
   Main Layout
   ========================================================= */

.rf-coin-feature__inner {
    position: relative;
    z-index: 2;

    width: min(100%, 1320px);
    min-height: 650px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(480px, 0.95fr);

    grid-template-areas:
        "visual header"
        "visual controls";

    align-items: center;

    column-gap: clamp(50px, 7vw, 120px);
}


/* =========================================================
   LEFT SIDE - Product Image
   ========================================================= */

.rf-coin-feature__visual {
    grid-area: visual;

    position: relative;

    width: 100%;
    min-height: 600px;

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

    margin: 0;
}


/* Warm light behind coin */
.rf-coin-feature__glow {
    position: absolute;

    left: 45%;
    top: 55%;

    width: 520px;
    height: 520px;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(201, 160, 79, 0.15) 0%,
            rgba(155, 101, 70, 0.08) 35%,
            transparent 70%
        );

    filter: blur(40px);

    pointer-events: none;
}


/* Dynamic WooCommerce variation image */
.rf-coin-feature__image {
    position: relative;
    z-index: 2;

    display: block;

    width: 100%;
    max-width: 610px;
    height: 580px;

    object-fit: contain;

    filter:
        drop-shadow(0 35px 45px rgba(0, 0, 0, 0.85))
        drop-shadow(0 0 35px rgba(169, 130, 69, 0.08));

    transition:
        opacity 0.25s ease,
        transform 0.4s ease;
}


/* =========================================================
   RIGHT SIDE - Header
   ========================================================= */

.rf-coin-feature__header {
    grid-area: header;

    width: 100%;
    max-width: 650px;

    margin: 0;

    text-align: center;

    align-self: end;
}


/* Collection title */
.rf-coin-feature__eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 18px;

    margin-bottom: 22px;
}

.rf-coin-feature__eyebrow span {
    flex: 1;

    max-width: 115px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(201, 160, 79, 0.75)
        );
}

.rf-coin-feature__eyebrow span:last-child {
    background:
        linear-gradient(
            90deg,
            rgba(201, 160, 79, 0.75),
            transparent
        );
}

.rf-coin-feature__eyebrow p {
    margin: 0;

    color: #d8cdb9;

    font-family: "Cinzel", Georgia, serif;
    font-size: 18px;
    font-weight: 400;

    line-height: 1;

    letter-spacing: 0.08em;
    text-transform: uppercase;

    white-space: nowrap;
}


/* Product title */
.rf-coin-feature__header h2 {
    margin: 0;

    color: var(--rf-gold);

    font-family: "Cinzel", Georgia, serif;

    font-size: clamp(48px, 4.4vw, 72px);
    font-weight: 500;

    line-height: 0.98;

    letter-spacing: -1px;

    text-transform: uppercase;
}


/* Artifact number */
.rf-coin-feature__artifact {
    margin-top: 13px;

    color: rgba(229, 221, 204, 0.7);

    font-family: "IBM Plex Mono", monospace;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 0.12em;

    text-transform: uppercase;
}


/* Description */
.rf-coin-feature__description {
    max-width: 600px;

    margin: 24px auto 0;

    color: rgba(229, 221, 204, 0.92);

    font-family: "Cinzel", Georgia, serif;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.65;
}

.rf-coin-feature__description p {
    margin: 0;
}


/* =========================================================
   RIGHT SIDE - Product Controls
   ========================================================= */

.rf-coin-feature__controls {
    grid-area: controls;

    width: 100%;
    max-width: 650px;

    display: flex;
    flex-direction: column;
    align-items: center;

    align-self: start;

    padding-top: 45px;
}


/* Choose Your Finish */
.rf-coin-feature__label {
    margin-bottom: 17px;

    color: rgba(229, 221, 204, 0.60);

    font-family: "IBM Plex Mono", monospace;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 0.20em;

    text-transform: uppercase;
}


/* Variation row */
.rf-coin-feature__variations {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;
}


/* Variation buttons */
.rf-coin-feature .rf-coin-variation {
    appearance: none !important;
    -webkit-appearance: none !important;

    min-height: 66px;

    padding: 15px 20px;

    border:
        1px solid rgba(229, 221, 204, 0.28) !important;

    border-radius: 0 !important;

    background:
        rgba(255, 255, 255, 0.015) !important;

    color:
        rgba(229, 221, 204, 0.72) !important;

    box-shadow: none !important;

    font-family: "Cinzel", Georgia, serif;

    font-size: 16px;
    font-weight: 500;

    letter-spacing: 0.04em;

    text-transform: uppercase;

    cursor: pointer;

    transition:
        border-color 0.25s ease,
        color 0.25s ease,
        background 0.25s ease,
        transform 0.25s ease;
}


.rf-coin-feature .rf-coin-variation:hover {
    border-color: var(--rf-gold) !important;

    color: var(--rf-gold) !important;

    background:
        rgba(201, 160, 79, 0.05) !important;
}


.rf-coin-feature .rf-coin-variation.is-active {
    border-color: var(--rf-gold) !important;

    color: var(--rf-gold) !important;

    background:
        rgba(201, 160, 79, 0.08) !important;
}


.rf-coin-feature .rf-coin-variation:focus,
.rf-coin-feature .rf-coin-variation:focus-visible,
.rf-coin-feature .rf-coin-variation:active {
    border-color: var(--rf-gold) !important;

    color: var(--rf-gold) !important;

    box-shadow: none !important;

    outline: none !important;
}


.rf-coin-feature .rf-coin-variation:disabled {
    opacity: 0.3;

    cursor: not-allowed;
}


/* =========================================================
   Edition + Stock
   ========================================================= */

.rf-coin-feature__meta {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 18px;

    margin-top: 25px;

    font-family: "IBM Plex Mono", monospace;

    font-size: 9px;
    font-weight: 600;

    letter-spacing: 0.15em;

    text-transform: uppercase;
}


.rf-coin-feature__edition {
    color: rgba(229, 221, 204, 0.5);
}


.rf-coin-feature__stock {
    color: #ffffff;
}


.rf-coin-feature__stock::before {
    content: "";

    display: inline-block;

    width: 4px;
    height: 4px;

    margin-right: 13px;

    border-radius: 50%;

    background: var(--rf-gold);

    vertical-align: middle;
}


/* =========================================================
   Price
   ========================================================= */

.rf-coin-feature__price {
    margin-top: 15px;

    color: var(--rf-bone);

    font-family: "Cinzel", Georgia, serif;

    font-size: 36px;

    line-height: 1;
}


.rf-coin-feature__price,
.rf-coin-feature__price .woocommerce-Price-amount,
.rf-coin-feature__price .woocommerce-Price-currencySymbol,
.rf-coin-feature__price bdi {

    color: var(--rf-bone) !important;

    font-family:
        "Cinzel",
        Georgia,
        serif !important;

    font-size: 36px !important;

    font-weight: 400 !important;

    line-height: 1.1 !important;

    position: static !important;

    vertical-align: baseline !important;
}


.rf-coin-feature__price del {
    opacity: 0.45;
}


.rf-coin-feature__price ins {
    color: var(--rf-gold) !important;

    text-decoration: none;
}


/* =========================================================
   View Artifact Button
   ========================================================= */

.rf-coin-feature__cta {
    width: 100%;
    max-width: 375px;

    min-height: 72px;

    margin-top: 28px;

    padding: 18px 32px;

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

    gap: 35px;

    border:
        1px solid var(--rf-bronze);

    border-radius: 0;

    background:
        linear-gradient(
            135deg,
            #9b6546,
            #a66d4b
        );

    color: #ffffff !important;

    font-family: "Inter", Arial, sans-serif;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 0.04em;

    text-decoration: none !important;

    text-transform: uppercase;

    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}


.rf-coin-feature__cta:hover {
    border-color: var(--rf-gold);

    background: var(--rf-gold);

    color: #11110f !important;

    transform: translateY(-2px);
}


.rf-coin-feature__arrow {
    font-size: 20px;
    font-weight: 400;

    transition:
        transform 0.25s ease;
}


.rf-coin-feature__cta:hover
.rf-coin-feature__arrow {
    transform: translateX(6px);
}


/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 1024px) {

    .rf-coin-feature {
        padding: 70px 25px;
    }

    .rf-coin-feature__inner {
        grid-template-columns:
            minmax(0, 0.9fr)
            minmax(400px, 1.1fr);

        column-gap: 40px;

        min-height: 580px;
    }

    .rf-coin-feature__visual {
        min-height: 520px;
    }

    .rf-coin-feature__image {
        max-width: 470px;
        height: 500px;
    }

    .rf-coin-feature__header h2 {
        font-size: 48px;
    }

    .rf-coin-feature__description {
        font-size: 14px;
    }

}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

    .rf-coin-feature {
        padding: 50px 18px;
    }

    .rf-coin-feature__inner {
        display: flex;
        flex-direction: column;

        min-height: auto;
    }


    /* Header first on mobile */
    .rf-coin-feature__header {
        order: 1;

        align-self: auto;
    }


    /* Product image second */
    .rf-coin-feature__visual {
        order: 2;

        min-height: 350px;

        margin-top: 25px;
    }


    /* Controls third */
    .rf-coin-feature__controls {
        order: 3;

        padding-top: 15px;
    }


    .rf-coin-feature__eyebrow {
        gap: 10px;
    }


    .rf-coin-feature__eyebrow span {
        max-width: 45px;
    }


    .rf-coin-feature__eyebrow p {
        font-size: 13px;
    }


    .rf-coin-feature__header h2 {
        font-size: clamp(38px, 12vw, 52px);
    }


    .rf-coin-feature__description {
        max-width: 500px;

        font-size: 13px;
    }


    .rf-coin-feature__image {
        max-width: 390px;
        height: 340px;
    }


    .rf-coin-feature__glow {
        width: 330px;
        height: 330px;
    }


    .rf-coin-feature__variations {
        gap: 8px;
    }


    .rf-coin-feature .rf-coin-variation {
        min-height: 52px;

        padding: 12px 6px;

        font-size: 12px;
    }


    .rf-coin-feature__price,
    .rf-coin-feature__price .woocommerce-Price-amount,
    .rf-coin-feature__price .woocommerce-Price-currencySymbol,
    .rf-coin-feature__price bdi {
        font-size: 30px !important;
    }


    .rf-coin-feature__cta {
        max-width: 100%;

        min-height: 60px;
    }

}


/* =========================================================
   Small Mobile
   ========================================================= */

@media (max-width: 420px) {

    .rf-coin-feature {
        padding-left: 14px;
        padding-right: 14px;
    }

    .rf-coin-feature__visual {
        min-height: 300px;
    }

    .rf-coin-feature__image {
        height: 290px;
    }

    .rf-coin-feature__meta {
        flex-direction: column;

        gap: 7px;
    }

    .rf-coin-feature__stock::before {
        display: none;
    }

}