/* =========================
   01 Base - Tick Eyewear
========================= */

:root{

    /* Brand */
    --brand-color:var(--color-primary, #9b0008);
    --brand-hover:var(--color-primary-dark, #7a0006);
    --brand-light:#fff7f7;

    /* Secondary */
    --accent-color:#b9924b;
    --accent-light:#fff7ef;

    /* Background */
    --cream-bg:#f8f8f8;
    --card-bg:#ffffff;
    --section-bg:#fafafa;
    --section-alt:#f3f3f3;

    /* Text */
    --text-color:#1f1f1f;
    --muted-text:#666666;

    /* Border */
    --border-color:#ececec;
    --soft-red-border:#f2dada;

    /* Radius */
    --radius-sm:10px;
    --radius-md:14px;
    --radius-lg:24px;
    --radius-pill:999px;

    /* Shadow */
    --shadow-sm:0 4px 12px rgba(0,0,0,.05);
    --shadow-md:0 8px 24px rgba(0,0,0,.08);
    --shadow-red:0 10px 25px rgba(155,0,8,.12);
}

/* Fonts */

@font-face{
    font-family:'Doran';
    src:url('../fonts/Doran-Regular.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'Doran';
    src:url('../fonts/Doran-Medium.woff') format('woff');
    font-weight:500;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:'Doran';
    src:url('../fonts/Doran-Bold.woff') format('woff');
    font-weight:700;
    font-style:normal;
    font-display:swap;
}

/* Global */

html,
body{
    direction:rtl;
    text-align:right;
}

body{
    background:var(--cream-bg);
    color:var(--text-color);
    overflow-x:hidden;
}

body,
body *,
button,
input,
select,
textarea{
    font-family:'Doran', Tahoma, Arial, sans-serif !important;
}

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

a{
    color:var(--brand-color);
    text-decoration:none;
    transition:.25s ease;
}

a:hover{
    color:var(--brand-hover);
}

/* Layout helpers */

.container{
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}

.site-content{
    overflow-x:hidden;
}

/* Selection */

::selection{
    background:var(--brand-color);
    color:#fff;
}
/* Single post / archive / 404 — restored templates styling */
.tick-single-meta { display: flex; align-items: center; gap: 8px; color: #888; font-size: 14px; margin: 10px 0 22px; }
.tick-single-meta-sep { opacity: .5; }
.tick-single-thumb { border-radius: 16px; overflow: hidden; margin-bottom: 24px; }
.tick-single-thumb img { width: 100%; height: auto; display: block; }
.tick-single-content { font-size: 17px; line-height: 1.9; color: #333; }
.tick-single-content p { margin-bottom: 18px; }
.tick-single-content img { max-width: 100%; height: auto; border-radius: 12px; }
.tick-single-nav { display: flex; justify-content: space-between; gap: 16px; margin-top: 40px; padding-top: 24px; border-top: 1px solid #eee; flex-wrap: wrap; }
.tick-single-nav a { display: flex; flex-direction: column; gap: 4px; color: var(--color-primary, #9b0008); text-decoration: none; font-weight: 600; }
.tick-single-nav a span { color: #444; font-weight: 400; font-size: 14px; }
.tick-single-nav-next { text-align: left; margin-right: auto; }
.tick-single-comments { margin-top: 40px; }

.tick-archive-header { margin-bottom: 28px; }
.tick-archive-description { color: #666; margin-top: 8px; }
.tick-archive-pagination { margin-top: 32px; display: flex; justify-content: center; gap: 10px; }
.tick-archive-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border-radius: 10px; background: #f5f5f5; color: #333; text-decoration: none; }
.tick-archive-pagination .page-numbers.current { background: var(--color-primary, #9b0008); color: #fff; }
.tick-archive-empty { color: #888; padding: 40px 0; text-align: center; }

.tick-404 { text-align: center; padding: 60px 20px; }
.tick-404-icon { font-size: 48px; margin-bottom: 16px; }
.tick-404 h1 { font-size: 24px; margin-bottom: 10px; }
.tick-404 p { color: #777; margin-bottom: 26px; }
.tick-404-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 24px; border-radius: 999px; background: var(--color-primary, #9b0008); color: #fff !important; text-decoration: none; font-weight: 600; margin: 0 6px 10px; }
.tick-404-btn-outline { background: transparent; color: var(--color-primary, #9b0008) !important; border: 1px solid var(--color-primary, #9b0008); }