@font-face {
  font-family: 'Vazirmatn';
  src: url('/wp-content/themes/caryadak-child/fonts/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('/wp-content/themes/caryadak-child/fonts/Vazirmatn-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazirmatn';
  src: url('/wp-content/themes/caryadak-child/fonts/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

h1,h2,h3,h4,h5,h6,li,html,body,p,input,button, textarea,a,div,btn,span, select,
.woodmart-navigation, .wd-nav, .product-title, .price   {
  font-family: 'Vazirmatn', Arial, sans-serif !important;
}
.product-labels.labels-rounded .product-label {
    border-radius: 35px;
    font-size: 14px;
}
.category-grid-item .wd-entities-title {
    background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
    color: #fff;
}
.wd-swatch {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
h1{font-size: 1.5rem !important;font-weight:bold !important;}
h2{font-size: 1.2rem !important;font-weight:bold !important;}
.woocommerce-product-details__short-description>p{
    text-align:justify;
}
.men-menu>a>span:before{
    content: "\F177";
    font-family: woodmart-font;
    font-size: 1.6rem;
    margin-left: 4px;
}
.women-menu>a>span:before{
    content: "\F133";
    font-family: woodmart-font;
    font-size: 1.6rem;
    margin-left: 4px;
}
@keyframes example {
  0%   {color:red; left:0px; top:0px;}
  25%  {color:#00ff61; left:200px; top:0px;}
  50%  {color:blue; left:200px; top:200px;}
  75%  {color:green; left:0px; top:200px;}
  100% {color:#8800ff; left:0px; top:0px;}
}
.wd-sizeguide-icon>a:before{
    font-size:30px !important;
    font-weight: 500 !important;
    animation-name: example !important;
    animation-duration: 4s !important;
    animation-delay: 2s !important;
    animation-iteration-count: infinite !important;
}
.size-guid-menu>a>span:before{
    content: "\F13F";
    font-family: woodmart-font;
    font-size: 1.6rem;
    margin-left: 4px;
    font-weight: 500 !important;
}
/* ================================
   💎 WooCommerce Checkout Minimal RTL - Modern & Lux
   Ultra Compact, Floating Labels, Sleek Borders
   ================================ */

body.woocommerce-checkout {
    direction: rtl;
    text-align: right;
    font-family: "Shabnam", sans-serif;
    background-color: #f7f9fb;
}

/* فرم‌های compact */
.woocommerce form .form-row {
    position: relative;
    margin-bottom: 8px; /* خیلی جمع و جور */
}

/* برچسب‌ها */
.woocommerce form .form-row label {
    font-size: 12px;
    font-weight: 500;
    color: #666;
    margin-bottom: 0;
    display: block;
    transition: all 0.2s ease;
}

/* ورودی‌ها، textarea و select */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    width: 100%;
    padding: 8px 10px;
    font-size: 14px;
    color: #222;
    border: 1px solid #e2e6eb; /* حاشیه ظریف و روشن */
    border-radius: 4px; /* گوشه نرم */
    background-color: #fff;
    box-shadow: none;
    box-sizing: border-box;
    text-align: right;
    transition: all 0.2s ease;
}

/* افکت فوکوس مدرن */
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    border-color: #007aff;
    box-shadow: 0 2px 6px rgba(0,122,255,0.15);
    outline: none;
}

/* select بدون ظاهر پیش‌فرض */
.woocommerce form .form-row select {
    appearance: none;
    padding-left: 28px;
}

/* برچسب شناور */
.form-row.floating-label label {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 12px;
    color: #999;
    background: #fff;
    padding: 0 4px;
    pointer-events: none;
    transition: all 0.2s ease;
}
.form-row.floating-label input:focus + label,
.form-row.floating-label input:not(:placeholder-shown) + label,
.form-row.floating-label textarea:focus + label,
.form-row.floating-label textarea:not(:placeholder-shown) + label {
    top: -6px;
    right: 8px;
    font-size: 10px;
    color: #007aff;
}

/* textarea */
#billing_address_1, #shipping_address_1 {
    min-height: 60px;
    padding: 8px 10px;
}

/* دکمه‌ها */
.woocommerce button.button,
.woocommerce input.button.alt,
.woocommerce a.button.alt {
    padding: 10px 16px;
    font-size: 14px;
    border-radius: 4px;
    border: none;
    background-color: #007aff;
    color: #fff;
    transition: all 0.2s ease;
}
.woocommerce button.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button.alt:hover {
    background-color: #005bb5;
    transform: translateY(-1px);
}

/* خلاصه سفارش */
#order_review {
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #e2e6eb; /* بسیار ظریف */
    background: #fff;
}

/* کد پستی تحویل حضوری */
#pickup-postcode-wrapper {
    padding: 6px 8px;
    margin-top: 6px;
    border-radius: 6px;
    border: 1px dashed #f1c40f;
    background-color: #fffbe6;
}
#pickup-postcode-wrapper input {
    max-width: 100%;
    padding: 6px 8px;
}
#pickup-postcode-wrapper label {
    font-size: 12px;
    margin-bottom: 2px;
}
#pickup-postcode-message {
    font-size: 11px;
    margin-top: 2px;
}

/* ============================
   📱 Responsive برای موبایل
   ============================ */
@media (max-width: 768px) {
    .woocommerce form .form-row input,
    .woocommerce form .form-row textarea,
    .woocommerce form .form-row select {
        padding: 6px 8px;
        font-size: 14px;
    }
    .woocommerce form .form-row { margin-bottom: 6px; }
    #billing_address_1, #shipping_address_1 { min-height: 60px; }
    #pickup-postcode-wrapper { padding: 5px 6px; margin-top: 5px; }
    #pickup-postcode-wrapper input { padding: 5px 6px; }
    #pickup-postcode-message { font-size: 10px; }
    .woocommerce button.button { padding: 8px 14px; font-size: 13px; }
}