/* ===============================
   GENERAL
=============================== */
.bam-wrapper {
    max-width: 900px;
    margin: 40px auto;
    font-family: IRANSans, Dana, sans-serif;
    position: relative;
}

/*input, button {*/
/*    width: 100%;*/
/*    padding: 12px;*/
/*    margin-bottom: 12px;*/
/*    border-radius: 6px;*/
/*    border: 1px solid #ddd;*/
/*}*/

/*button {*/
/*    background: #0d6efd;*/
/*    color: #fff;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*    font-weight: bold;*/
/*}*/

/*button:hover {*/
/*    background: #0b5ed7;*/
/*}*/

/* ===============================
   TABS
=============================== */
/*.cem-tabs {*/
/*    display: flex;*/
/*    gap: 8px;*/
/*    margin-bottom: 20px;*/
/*}*/

/*.cem-tab {*/
/*    flex: 1;*/
/*    padding: 10px;*/
/*    border-radius: 6px;*/
/*    border: 1px solid #ddd;*/
/*    background: #f8f9fa;*/
/*    cursor: pointer;*/
/*}*/

/*.cem-tab.active {*/
/*    background: #0d6efd;*/
/*    color: #fff;*/
/*}*/

/* ===============================
   CONTENT
=============================== */
/*.cem-content {*/
/*    display: none;*/
/*}*/

/*.cem-content.active {*/
/*    display: block;*/
/*}*/







/* ===============================
   DESIGN IMAGE OVERLAY
=============================== */
.bam-design {
    display: inline-block; /* کنار هم قرار گرفتن */
    cursor: pointer;
}

.bam-submit-btn{
    margin-top: 10px;
}

.bam-design img {
    display: block;
    width: 100%;
    height: auto;
    position: relative; /* برای overlay روی img */
}

/* Overlay روی img */
.bam-design img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
}

/* طرح نقره */
.bam-design[data-type="silver"] img::after {
    background-image: url('https://ahananil.com/new3/wp-content/uploads/2025/12/banner-ads-1-overlay.png');
}

/* طرح الماس */
.bam-design[data-type="diamond"] img::after {
    background-image: url('https://ahananil.com/new3/wp-content/uploads/2025/12/banner-ads-2overlay.png');
}

/* هاور */
.bam-design:hover img::after {
    opacity: 1;
}











/* ===== DESIGN FIRST TAB ===== */
.bam-design-desc {
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px;
    color: #033A88;
    font-weight:700;
    font-family:Dananum;
}

.bam-designs {
    display: flex;
    gap: 18px;
    justify-content: center;
}

.bam-design {
    flex: 0 0 45%;
}

.bam-tabs{
border-bottom: 1px dashed #033A88;
    padding-bottom: 10px;
}


.bam-design {
    padding: 15px;
    border-radius: 14px;
    border: 2px solid #e5e7eb;
    transition: all .3s ease;
}
.bam-design img{
    border-radius:7px !important;
}

.bam-design h4{
    margin: 10px 0 4px;
    font-size: 20px !important;
    color: #000;
}

.bam-design span {
    font-size: 14px;
    color: #033A88;
    font-weight: 500;
    font-family: Dananum;
}

.bam-design:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    border-color: #033A88;
}

.bam-design.active {
    border-color: #0d6efd;
    background: linear-gradient(180deg,#eef4ff,#fff);
}


.bam-wrapper #cem-fixed-total{
top: 100px;
    left: -110px;
    font-family:Dananum;
    display:none;
}


.bam-design-grid{
display: flex;
    justify-content: space-around;
}

/* ===============================
   DESIGN
=============================== */
.bam-design {
    border: 2px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 15px;
    text-align: center;
}

.bam-design img {
    max-width: 100%;
    border-radius: 6px;
}

.bam-design.active {
    border-color: #0d6efd;
    background: #eef4ff;
}

/* ===============================
   DURATION
=============================== */
.bam-duration {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 10px;
    cursor: pointer;
}

.bam-duration input {
    display: none;
}

.bam-duration:hover {
    background: #033A88;
    color:#fff;
    transition:all ease 500ms;
}

.bam-duration.active {
    background: #033A88;
    color:#fff;
}

/* ===============================
   SUMMARY
=============================== */
/*.cem-summary-item {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    margin-bottom: 10px;*/
/*}*/

/* ===============================
   FIXED TOTAL
=============================== */
/*#cem-fixed-total {*/
/*    position: sticky;*/
/*    top: 10px;*/
/*    background: #0d6efd;*/
/*    color: #fff;*/
/*    padding: 12px;*/
/*    border-radius: 8px;*/
/*    margin-bottom: 15px;*/
/*    text-align: center;*/
/*}*/

/* ===============================
   ERRORS
=============================== */
/*.cem-error {*/
/*    border-color: red;*/
/*}*/

/*.cem-error-text {*/
/*    background: #ffe5e5;*/
/*    color: #b00000;*/
/*    padding: 10px;*/
/*    border-radius: 6px;*/
/*    margin-bottom: 15px;*/
/*}*/

/* ===============================
   LOADER
=============================== */
/*#cem-loader {*/
/*    display: none;*/
/*}*/

/*.cem-loader-backdrop {*/
/*    position: fixed;*/
/*    inset: 0;*/
/*    background: rgba(0,0,0,0.5);*/
/*    z-index: 9998;*/
/*}*/

/*.cem-loader-box {*/
/*    position: fixed;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    background: #fff;*/
/*    padding: 30px;*/
/*    border-radius: 10px;*/
/*    z-index: 9999;*/
/*    text-align: center;*/
/*}*/

/*.cem-loader-spinner {*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    border: 4px solid #ddd;*/
/*    border-top: 4px solid #0d6efd;*/
/*    border-radius: 50%;*/
/*    animation: spin 1s linear infinite;*/
/*    margin: auto;*/
/*}*/

/*@keyframes spin {*/
/*    100% { transform: rotate(360deg); }*/
/*}*/

/* ===============================
   MOBILE
=============================== */
/*@media(max-width:768px){*/
/*    .cem-tabs {*/
/*        flex-direction: column;*/
/*    }*/
/*}*/