/*
Theme Name: Blocksy Child - Used iPhone Store
Theme URI: https://creativethemes.com/blocksy/
Description: پوسته اختصاصی فروشگاه تخصصی آیفون‌های استوک و دست دوم بر پایه بلاکسی
Author: EOGGY Tech
Author URI: https://yourdomain.ir
Template: blocksy
Version: 1.0.5
Text Domain: blocksy-child
*/

/* ==========================================================================
   Used iPhone Store — Global Design Tokens
   ========================================================================== */

:root {

    /* ----------------------------------------------------------------------
       Brand Colors
       ---------------------------------------------------------------------- */

    --primary-blue: #0284c7;
    --primary-blue-hover: #0369a1;
    --primary-blue-light: #e0f2fe;
    --primary-blue-subtle: #f0f9ff;

    --accent-emerald: #10b981;
    --accent-amber: #f59e0b;
    --accent-red: #ef4444;

    /* ----------------------------------------------------------------------
       Text
       ---------------------------------------------------------------------- */

    --text-main: #0f172a;
    --text-body: #334155;
    --text-muted: #64748b;
    --text-light: #94a3b8;

    /* ----------------------------------------------------------------------
       Surfaces
       ---------------------------------------------------------------------- */

    --bg-page: #f8fbff;
    --bg-card: #ffffff;
    --bg-soft: #f8fafc;
    --bg-blue-soft: #f0f9ff;

    /* ----------------------------------------------------------------------
       Borders
       ---------------------------------------------------------------------- */

    --border-color: #e2e8f0;
    --border-light: #f1f5f9;
    --border-blue: #bae6fd;

    /* ----------------------------------------------------------------------
       Radius
       ---------------------------------------------------------------------- */

    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;

    /* ----------------------------------------------------------------------
       Shadows
       ---------------------------------------------------------------------- */

    --shadow-soft:
        0 4px 20px -2px rgba(14, 165, 233, 0.08);

    --shadow-card:
        0 8px 30px -8px rgba(14, 165, 233, 0.12);

    --shadow-hover:
        0 12px 30px -4px rgba(14, 165, 233, 0.16);

    --shadow-blue:
        0 8px 24px -6px rgba(2, 132, 199, 0.24);

    /* ----------------------------------------------------------------------
       Effects
       ---------------------------------------------------------------------- */

    --focus-ring:
        0 0 0 3px rgba(14, 165, 233, 0.28);

    --transition-fast:
        0.2s ease;

    --transition-normal:
        0.25s ease;

    --transition-slow:
        0.35s ease;
}

/* ==========================================================================
   Global Box Sizing
   ========================================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* ==========================================================================
   Base Media Behavior
   ========================================================================== */

img {
    max-width: 100%;
    height: auto;
}

/* ==========================================================================
   Accessibility
   ========================================================================== */

:focus-visible {
    outline: none;
}

/* ==========================================================================
   Shared Site Container
   ========================================================================== */

.used-iphone-home-container .ct-container,
.shop-archive-layout,
.used-iphone-single-product,
.used-cart-main-container {
    width: 100%;
    max-width: 1240px;
    margin-inline: auto;
    padding-inline: 20px;
}

/* ==========================================================================
   Shared Button Behavior
   ========================================================================== */

button,
input[type="button"],
input[type="submit"],
a.button,
.button {
    transition:
        background-color var(--transition-normal),
        border-color var(--transition-normal),
        color var(--transition-normal),
        box-shadow var(--transition-normal),
        transform var(--transition-normal);
}

/* ==========================================================================
   Shared Focus State
   ========================================================================== */

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible {
    outline: 2px solid var(--primary-blue);
    outline-offset: 3px;
}

/* ==========================================================================
   Responsive Container
   ========================================================================== */

@media (max-width: 767px) {

    .used-iphone-home-container .ct-container,
    .shop-archive-layout,
    .used-iphone-single-product,
    .used-cart-main-container {
        padding-inline: 14px;
    }
}