/*
Theme Name: Misuk Beauty
Template: storefront
Version: 1.0
*/

@import url("../storefront/style.css");
/* ============================= */
/* Misuk Design System */
/* ============================= */

:root {
    --pink-main: #d81b60;
    --pink-soft: #fdeaf2;
    --pink-light: #fff6fb;
    --border-soft: #efc7d6;
    --text-dark: #8e2153;
}

body {
    background-color: var(--pink-light);
}
/* ============================= */
/* Fonts */
/* ============================= */

/* ============================= */
/* Fonts - TTF Version */
/* ============================= */

@font-face {
    font-family: 'Ordibehesht';
    src: url('./fonts/Ordibehesht.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Koodak';
    src: url('./fonts/Koodak.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'Koodak', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.site-title {
    font-family: 'Ordibehesht', sans-serif !important;
}
/* ============================= */
/* Typography System */
/* ============================= */

body {
    font-family: 'Koodak', sans-serif !important;
    font-size: 15px;
    line-height: 2.1;
    color: var(--text-dark);
}

h1 {
    font-family: 'Ordibehesht', sans-serif !important;
    font-size: 32px;
    margin-bottom: 20px;
}

h2 {
    font-family: 'Ordibehesht', sans-serif !important;
    font-size: 26px;
    margin-bottom: 18px;
}

h3 {
    font-family: 'Ordibehesht', sans-serif !important;
    font-size: 20px;
}
.section-space {
    margin-top: 100px;
    margin-bottom: 100px;
}
.container-soft {
    max-width: 1100px;
    margin: 0 auto;
}
/* ============================= */
/* Brand Button */
/* ============================= */

.misuk-btn {
    background: linear-gradient(135deg, var(--pink-main), #ff4fa3);
    color: #fff !important;
    padding: 12px 28px;
    border-radius: 35px;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    transition: 0.3s ease;
    border: none;
}

.misuk-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(216,27,96,0.2);
}
/* ============================= */
/* Base Card Style */
/* ============================= */

.misuk-card {
    background: #ffffff;
    border-radius: 35px;
    padding: 40px;
    border: 1px solid var(--border-soft);
}
/* ============================= */
/* Custom Scrollbar - Misuk */
/* ============================= */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #fff0f6;
    border-radius: 20px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #ff4fa3, #d81b60);
    border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
    background: #c2185b;
}
/* ============================= */
/* Misuk Cute Korean Cursor */
/* ============================= */

body {
    cursor: none;
}

.misuk-cursor {
    width: 18px;
    height: 18px;
    background: radial-gradient(circle, #ff4fa3 40%, #ffd6ec 70%);
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    transition: transform 0.08s ease, width 0.2s ease, height 0.2s ease;
}
/* ============================= */
/* Product Card Reset */
/* ============================= */

.woocommerce ul.products li.product {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
}
/* ============================= */
/* Misuk Product Card */
/* ============================= */

.woocommerce ul.products li.product {
    background: #ffffff;
    border-radius: 35px;
    padding: 20px;
    border: 1px solid var(--border-soft);
    transition: 0.3s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(216,27,96,0.12);
}
.woocommerce ul.products li.product img {
    border-radius: 25px;
    background: #fff9fc;
    padding: 10px;
}
.woocommerce ul.products li.product h2 {
    font-family: 'Ordibehesht', sans-serif;
    font-size: 18px;
    color: var(--text-dark);
    margin-top: 15px;
}
.woocommerce ul.products li.product .price {
    color: var(--pink-main);
    font-weight: bold;
    margin-top: 8px;
}
.woocommerce ul.products li.product .button {
    margin-top: 12px;
    border-radius: 30px !important;
    background: linear-gradient(135deg, var(--pink-main), #ff4fa3) !important;
    padding: 8px 18px;
}
/* ============================= */
/* Custom Sale Badge */
/* ============================= */

.woocommerce span.onsale {
    background: linear-gradient(135deg, #ff4fa3, #d81b60);
    border-radius: 20px;
    padding: 5px 12px;
    font-size: 12px;
    top: 15px;
    right: 15px;
}
.woocommerce ul.products li.product img {
    transition: 0.3s ease;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.05);
}

.woocommerce ul.products li.product {
    margin-bottom: 50px;
    padding: 25px;
}

.woocommerce ul.products {
    margin-left: -15px;
    margin-right: -15px;
}

.woocommerce ul.products li.product {
    padding-left: 15px;
    padding-right: 15px;
}
/* ============================= */
/* Wishlist Heart - Final Fixed */
/* ============================= */

.woocommerce ul.products li.product {
    position: relative;
}

/* تصویر رو relative می‌کنیم */
.woocommerce ul.products li.product img {
    position: relative;
    z-index: 1;
}
/* ============================= */
/* Single Product - Layout */
/* ============================= */

.single-product .site-main {
    max-width: 1150px;
    margin: 80px auto;
}

.single-product div.product {
    background: #ffffff;
    border-radius: 45px;
    padding: 60px;
    border: 1px solid var(--border-soft);
}

.single-product div.images {
    background: #fff9fc;
    padding: 25px;
    border-radius: 35px;
    border: 1px solid var(--border-soft);
}

.single-product div.images img {
    border-radius: 25px;
}
.single-product .product_title {
    font-size: 26px;
    margin-bottom: 15px;
}

.single-product .price {
    font-size: 20px;
    color: var(--pink-main) !important;
    margin-bottom: 25px;
}
.single-product form.cart {
    border: 1px dashed var(--border-soft);
    border-radius: 30px;
    padding: 25px;
    margin-top: 25px;
}
.single-product .single_add_to_cart_button {
    width: 100%;
    border-radius: 35px !important;
    padding: 16px;
    font-size: 16px;
    background: linear-gradient(135deg, var(--pink-main), #ff4fa3) !important;
}
/* ============================= */
/* Safe Single Product Styling */
/* ============================= */

.single-product .site-main {
    max-width: 1100px;
    margin: 70px auto;
}

.single-product div.product {
    background: #ffffff;
    border-radius: 40px;
    padding: 50px;
    border: 1px solid var(--border-soft);
}

/* تصویر */
.single-product div.images img {
    border-radius: 25px;
}

/* عنوان */
.single-product .product_title {
    font-size: 24px;
    margin-bottom: 15px;
}

/* قیمت */
.single-product .price {
    font-size: 18px;
    color: var(--pink-main) !important;
    margin-bottom: 20px;
}

/* فرم خرید */
.single-product form.cart {
    border: 1px dashed var(--border-soft);
    border-radius: 30px;
    padding: 20px;
    margin-top: 20px;
}

/* دکمه */
.single-product .single_add_to_cart_button {
    border-radius: 30px !important;
    padding: 14px 28px;
}
/* Select Styling */
.single-product select {
    border: 1px solid var(--border-soft);
    border-radius: 20px;
    padding: 8px 14px;
    background: #fff9fc;
    font-family: 'Koodak', sans-serif;
}
.quantity {
    border: 1px solid var(--border-soft);
    border-radius: 25px;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
}
.single-product .stock {
    background: #fff3f8;
    border: 1px dashed var(--border-soft);
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 13px;
    display: inline-block;
    margin-top: 10px;
}
.single-product .summary > * {
    margin-bottom: 18px;
}
/* ============================= */
/* Checkout Page - Main Card */
/* ============================= */

.woocommerce-checkout .site-main {
    max-width: 1100px;
    margin: 80px auto;
}

.woocommerce-checkout form.checkout {
    background: #ffffff;
    border-radius: 45px;
    padding: 60px;
    border: 1px dashed var(--border-soft);
}
/* Inputs */
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    border-radius: 20px !important;
    border: 1px solid var(--border-soft) !important;
    padding: 10px 14px !important;
    background: #fff9fc !important;
    font-family: 'Koodak', sans-serif !important;
}
.woocommerce-checkout h3 {
    font-family: 'Ordibehesht' !important;
    margin-bottom: 20px;
}
.woocommerce-checkout-review-order {
    background: #fff9fc;
    border-radius: 30px;
    padding: 30px;
    border: 1px solid var(--border-soft);
}
#place_order {
    width: 100%;
    padding: 16px;
    border-radius: 35px !important;
    font-size: 16px;
    background: linear-gradient(135deg, var(--pink-main), #ff4fa3) !important;
}