/* Minimal, RTL-friendly styles */
:root{
  --artt-primary:#0f5bd6;
  --artt-bg:#ffffff;
  --artt-text:#111827;
  --artt-muted:#6b7280;
  --artt-border:#e5e7eb;
  --artt-radius:14px;
  --artt-shadow: 0 10px 30px rgba(0,0,0,.06);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans Arabic", "Tahoma", sans-serif;
  color:var(--artt-text);
  background:var(--artt-bg);
  line-height:1.8;
  direction:rtl;
}
a{color:var(--artt-primary); text-decoration:none}
a:hover{text-decoration:underline}

.artt-skip-link{
  position:absolute; right:-9999px; top:auto;
}
.artt-skip-link:focus{
  right:16px; top:16px; background:#fff; padding:10px 12px; border:1px solid var(--artt-border);
  border-radius:10px; z-index:9999;
}

.artt-container{max-width:1100px; margin:0 auto; padding:24px 16px}

.artt-header{
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid var(--artt-border);
}
.artt-header__inner{
  max-width:1100px; margin:0 auto; padding:12px 16px;
  display:flex; gap:16px; align-items:center; justify-content:space-between;
}
.artt-brand__link{display:flex; align-items:center; gap:10px}
.artt-brand__name{font-weight:800; color:var(--artt-text)}
.custom-logo{max-height:48px; width:auto}

.artt-nav{flex:1}
.artt-menu{
  list-style:none; margin:0; padding:0;
  display:flex; gap:14px; flex-wrap:wrap; justify-content:center;
}
/* Mobile Nav Toggle (default hidden on desktop) */
.artt-nav-toggle{
  display:none;
  border:1px solid var(--artt-border);
  background:#fff;
  border-radius:12px;
  padding:10px 12px;
  font-weight:800;
  cursor:pointer;
}
.artt-nav-toggle__icon{font-size:18px; line-height:1}

.artt-menu a{display:inline-block; padding:6px 10px; border-radius:10px; color:var(--artt-text)}
.artt-menu a:hover{background:#f3f4f6; text-decoration:none}

.artt-header__cta{display:flex; gap:10px; align-items:center}

.artt-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--artt-border);
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}
.artt-btn:hover{text-decoration:none; filter:brightness(.98)}
.artt-btn--primary{background:var(--artt-primary); color:#fff; border-color:var(--artt-primary)}
.artt-btn--ghost{background:transparent; color:var(--artt-primary); border-color:rgba(15,91,214,.35)}

.artt-pagehead{margin:24px 0 18px}
.artt-title{margin:10px 0 0; font-size: clamp(22px, 2.2vw, 34px); line-height:1.4}
.artt-subtitle{margin:8px 0 0; color:var(--artt-muted)}

.artt-breadcrumb{margin:10px 0 0}
.artt-breadcrumb ol{list-style:none; padding:0; margin:0; display:flex; gap:8px; flex-wrap:wrap; color:var(--artt-muted); font-size:14px}
.artt-breadcrumb li:after{content:"/"; margin:0 6px; color:#cbd5e1}
.artt-breadcrumb li:last-child:after{content:""}
.artt-breadcrumb a{color:var(--artt-muted)}
.artt-breadcrumb span{color:var(--artt-text)}

.artt-postlist{display:grid; gap:14px}
.artt-postcard{
  padding:14px 16px;
  border:1px solid var(--artt-border);
  border-radius: var(--artt-radius);
  background:#fff;
}
.artt-postcard__title{margin:0 0 4px; font-size:18px}
.artt-postcard__meta{color:var(--artt-muted); font-size:13px; margin-bottom:8px}
.artt-postcard__excerpt{color:var(--artt-text)}

.artt-featured img{width:100%; height:auto; border-radius: var(--artt-radius); border:1px solid var(--artt-border); margin-bottom:14px}

.artt-footer{
  margin-top:40px;
  border-top:1px solid var(--artt-border);
  background:#0b1220;
  color:#e5e7eb;
}
.artt-footer a{color:#e5e7eb}
.artt-footer__inner{
  max-width:1100px; margin:0 auto; padding:26px 16px;
  display:grid; gap:18px;
  grid-template-columns: 1.2fr .8fr 1fr;
}
.artt-footer__brand{font-weight:900; margin-bottom:10px}
.artt-footer__title{font-weight:800; margin-bottom:10px}
.artt-footer__item{color:#cbd5e1; margin-bottom:8px}
.artt-footer-menu{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.artt-footer__buttons{display:flex; gap:10px; flex-wrap:wrap}
.artt-footer__bottom{
  border-top:1px solid rgba(229,231,235,.15);
  padding:12px 16px;
  max-width:1100px; margin:0 auto;
  color:#cbd5e1; font-size:13px;
}

.artt-float-btn{
  position:fixed;
  left:16px;
  bottom:16px;
  width:52px; height:52px;
  border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  box-shadow: var(--artt-shadow);
  border:1px solid var(--artt-border);
  background:#fff;
  z-index:200;
}
.artt-float-btn--wa{bottom:76px}
.artt-float-btn:hover{text-decoration:none; transform:translateY(-1px)}

/* Mobile bottom call bar */
.artt-callbar {
    display: none;
}

@media (max-width: 880px) {

    /* فضای کافی برای اینکه نوار روی محتوا نیفتد */
    body {
        padding-bottom: 64px;
    }

    .artt-callbar {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 52px;
        /* کم‌ضخامت */
        align-items: center;
        justify-content: center;
        gap: 10px;
        background: var(--artt-callbar-bg, var(--artt-primary));
        color: var(--artt-callbar-text, #fff);
        font-weight: 800;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        z-index: 300;
        text-decoration: none;
    }

    .artt-callbar:hover {
        text-decoration: none;
        filter: brightness(.98);
    }

    .artt-callbar__icon {
        font-size: 18px;
        line-height: 1;
    }

    .artt-callbar__text {
        font-size: 14px;
    }
}

.wp-block-group.artt-card,
.artt-card{
  border:1px solid var(--artt-border);
  border-radius: var(--artt-radius);
  padding:14px 16px;
  background:#fff;
}
.wp-block-group.artt-step,
.artt-step{
  border:1px dashed rgba(15,91,214,.35);
  border-radius: var(--artt-radius);
  padding:14px 16px;
  background:rgba(15,91,214,.03);
}
/* =========================
   Forms (Shortcode: artt_form)
   ========================= */

.artt-form {
    border: 1px solid var(--artt-border);
    border-radius: var(--artt-radius);
    background: #fff;
    padding: 14px 16px;
    max-width: 720px;
}

.artt-form__row {
    margin-bottom: 12px
}

.artt-form__label {
    display: block;
    font-weight: 800;
    font-size: 13px;
    margin-bottom: 6px;
    color: var(--artt-text);
}

.artt-form__input,
.artt-form__select,
.artt-form__textarea {
    width: 100%;
    border: 1px solid var(--artt-border);
    border-radius: 12px;
    padding: 11px 12px;
    font: inherit;
    color: var(--artt-text);
    background: #fff;
    outline: none;
}

.artt-form__textarea {
    resize: vertical;
    min-height: 110px
}

.artt-form__input:focus,
.artt-form__select:focus,
.artt-form__textarea:focus {
    border-color: var(--artt-primary);
    box-shadow: 0 0 0 3px rgba(15, 91, 214, .14);
}

.artt-form__actions {
    margin-top: 14px
}

.artt-form__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid var(--artt-primary);
    background: var(--artt-primary);
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.artt-form__submit:hover {
    filter: brightness(.98)
}

.artt-form__notice {
    border: 1px solid var(--artt-border);
    border-radius: 12px;
    padding: 10px 12px;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 13px;
}

.artt-form__notice--ok {
    background: rgba(16, 185, 129, .10);
    border-color: rgba(16, 185, 129, .30);
}

.artt-form__notice--err {
    background: rgba(239, 68, 68, .08);
    border-color: rgba(239, 68, 68, .26);
}

@media (max-width: 880px) {
    .artt-form {
        max-width: 100%
    }
}
.artt-table table{width:100%; border-collapse:collapse}
.artt-table th,.artt-table td{border:1px solid var(--artt-border); padding:10px; text-align:right}

@media (max-width: 880px){
  .artt-footer__inner{grid-template-columns:1fr}
  .artt-header__inner{flex-wrap:wrap}

  /* show hamburger */
  .artt-nav-toggle{display:inline-flex; align-items:center; justify-content:center}

  /* nav closed by default */
  .artt-nav{order:3; width:100%; display:none}

  /* when open */
  body.artt-nav-open .artt-nav{display:block}

  /* menu layout in mobile */
  .artt-menu{
    justify-content:flex-start;
    flex-direction:column;
    gap:6px;
    padding:12px;
    margin-top:10px;
    background:#fff;
    border:1px solid var(--artt-border);
    border-radius:12px;
  }
  .artt-menu a{padding:10px 12px}
}

/* نوار بالای سایت (مثل نمونه) */
.artt-annbar {
    background: var(--artt-ann-bg, #123a8d);
    color: var(--artt-ann-text, #fff);
    border-radius: 0 0 28px 28px;
}

.artt-annbar__inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

.artt-annbar__text {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.9;
    text-align: center;
    flex: 1 1 auto;
}

.artt-annbar__actions {
    display: flex;
    gap: 10px;
    flex: 0 0 auto;
}

.artt-annbar__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    color: var(--artt-ann-text, #fff);
    border: 1px solid rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .14);
}

.artt-annbar__btn--ghost {
    background: transparent;
}

.artt-annbar__btn:hover {
    text-decoration: none;
    filter: brightness(1.04);
}

@media (max-width: 880px) {
    .artt-annbar__actions {
        width: 100%;
        justify-content: center;
    }
}
.artt-header-logo {
    height: 34px;
    width: auto;
    display: block;
}