/** Shopify CDN: Minification failed Line 288:0 All "@import" rules must come first **/ /* * Decorloft RTL Support * File: assets/decorloft-rtl.css * Loaded only when Arabic locale is active (via Liquid conditional in theme.liquid) * * Usage in theme.liquid: * {% if request.locale.iso_code == 'ar' %} * {{ 'decorloft-rtl.css' | asset_url | stylesheet_tag }} * {% endif %} * * Also set dir="rtl" on tag: * */ /* ============================================================ GLOBAL RTL DIRECTION ============================================================ */ [dir="rtl"] body { direction: rtl; text-align: right; } /* Arabic font stack — Tajawal works well with Jost numerals */ [dir="rtl"] body, [dir="rtl"] .dlos-manifesto__right p, [dir="rtl"] .dlos-founding__body p, [dir="rtl"] .dlos-belief__tenet-body, [dir="rtl"] .dlos-curation__filter-body, [dir="rtl"] .dlos-collection-card__desc, [dir="rtl"] .dlos-promise__commitment-body, [dir="rtl"] .dlos-voice__cell-text, [dir="rtl"] .dlos-hero__sub, [dir="rtl"] .dl-email__sub, [dir="rtl"] p, [dir="rtl"] li, [dir="rtl"] span { font-family: 'Tajawal', 'Jost', sans-serif; } /* Headings — Amiri pairs beautifully with Cormorant Garamond's elegance */ [dir="rtl"] .dlos-hero__headline, [dir="rtl"] .dlos-manifesto__quote, [dir="rtl"] .dlos-city__headline, [dir="rtl"] .dlos-founding__headline, [dir="rtl"] .dlos-belief__headline, [dir="rtl"] .dlos-curation__headline, [dir="rtl"] .dlos-collections__headline, [dir="rtl"] .dlos-promise__quote, [dir="rtl"] .dlos-voice__headline, [dir="rtl"] .dlos-cta__headline, [dir="rtl"] .dlos-belief__tenet-title, [dir="rtl"] .dlos-curation__filter-title, [dir="rtl"] .dlos-collection-card__name, [dir="rtl"] .dlos-promise__commitment-title, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { font-family: 'Amiri', 'Cormorant Garamond', serif; font-style: normal; /* Arabic fonts don't use italic the same way */ } /* Keep italic style for em tags since these are design accents */ [dir="rtl"] h1 em, [dir="rtl"] h2 em, [dir="rtl"] .dlos-hero__headline em, [dir="rtl"] .dlos-belief__headline em, [dir="rtl"] .dlos-cta__headline em { font-style: normal; } /* ============================================================ DAWN THEME — CORE RTL FLIPS ============================================================ */ /* Header */ [dir="rtl"] .header__heading { margin-right: 0; margin-left: auto; } [dir="rtl"] .header__icons { flex-direction: row-reverse; } [dir="rtl"] .header__nav { margin-left: 0; margin-right: auto; } /* Announcement bar */ [dir="rtl"] .dlann__track { direction: rtl; } [dir="rtl"] .dlann__item { direction: rtl; } /* Footer */ [dir="rtl"] .footer-block { text-align: right; } [dir="rtl"] .footer-block__heading { text-align: right; } /* Cart */ [dir="rtl"] .cart-item { direction: rtl; } [dir="rtl"] .cart-item__details { text-align: right; } /* Breadcrumbs */ [dir="rtl"] nav[aria-label="Breadcrumb"] ol { flex-direction: row-reverse; } /* ============================================================ OUR STORY PAGE — SPECIFIC RTL OVERRIDES ============================================================ */ /* Hero — eyebrow line should flip */ [dir="rtl"] .dlos-hero__eyebrow { flex-direction: row-reverse; } [dir="rtl"] .dlos-hero__eyebrow::after { display: none; } [dir="rtl"] .dlos-hero__eyebrow::before { content: ''; display: block; width: 60px; height: 1px; background: #C9A96E; } /* Hero vertical lines */ [dir="rtl"] .dlos-hero__line-v--left { left: auto; right: 60px; } [dir="rtl"] .dlos-hero__line-v--right { right: auto; left: 60px; } /* Manifesto layout */ [dir="rtl"] .dlos-manifesto__inner { direction: rtl; } /* Manifesto divider — right-align */ [dir="rtl"] .dlos-manifesto__divider { margin-right: 0; } /* City pull quote — flip border */ [dir="rtl"] .dlos-city__pull-quote { padding-left: 0; padding-right: 32px; border-left: none; border-right: 2px solid #C9A96E; } /* Founding story layout */ [dir="rtl"] .dlos-founding__inner { direction: rtl; } /* Founding signature — flip */ [dir="rtl"] .dlos-founding__signature { flex-direction: row-reverse; } /* Founding visual corners — mirror */ [dir="rtl"] .dlos-founding__visual::before { left: auto; right: -2px; border-left: none; border-right: 2px solid #C9A96E; } [dir="rtl"] .dlos-founding__visual::after { right: auto; left: -2px; border-right: none; border-left: 2px solid #C9A96E; } /* Belief tenets — text alignment */ [dir="rtl"] .dlos-belief__tenet { text-align: right; } /* Curation filters grid — text alignment */ [dir="rtl"] .dlos-curation__filter { text-align: right; } /* Collections grid — text alignment */ [dir="rtl"] .dlos-collection-card { text-align: right; } /* Voice table — flip columns */ [dir="rtl"] .dlos-voice__table-header { direction: rtl; } [dir="rtl"] .dlos-voice__table-header-cell:first-child { border-right: none; border-left: 1px solid rgba(201,169,110,0.2); } [dir="rtl"] .dlos-voice__row { direction: rtl; } [dir="rtl"] .dlos-voice__cell:first-child { border-right: none; border-left: 1px solid rgba(44,36,32,0.08); } /* CTA buttons — center alignment unchanged, padding flipped */ [dir="rtl"] .dlos-cta__trust { direction: rtl; } /* Promise commitments */ [dir="rtl"] .dlos-promise__commitment { text-align: right; } /* ============================================================ HOMEPAGE SECTIONS — RTL OVERRIDES ============================================================ */ /* Hero */ [dir="rtl"] .dl-hero__eyebrow { flex-direction: row-reverse; } [dir="rtl"] .dl-hero__eyebrow::after { display: none; } [dir="rtl"] .dl-hero__eyebrow::before { content: ''; display: block; width: 40px; height: 1px; background: #C9A96E; } /* Trust strip */ [dir="rtl"] .dl-trust__grid { direction: rtl; } /* Collections */ [dir="rtl"] .dl-collections__grid { direction: rtl; } /* Bestsellers */ [dir="rtl"] .dl-best__header { text-align: right; } /* Gift boxes */ [dir="rtl"] .dl-gifts__card { text-align: right; } [dir="rtl"] .dl-gifts__price { flex-direction: row-reverse; } /* Brand story */ [dir="rtl"] .dl-story__inner { direction: rtl; } [dir="rtl"] .dl-story__stats { direction: rtl; } /* Occasions */ [dir="rtl"] .dl-occ__card { text-align: right; } /* Testimonials */ [dir="rtl"] .dl-test__card { text-align: right; } [dir="rtl"] .dl-test__reviewer { flex-direction: row-reverse; } /* FAQ */ [dir="rtl"] .dl-faq__trigger { flex-direction: row-reverse; } /* Email CTA */ [dir="rtl"] .dl-email__form { flex-direction: row-reverse; } /* Footer */ [dir="rtl"] .dl-footer__grid { direction: rtl; } [dir="rtl"] .dl-footer__col { text-align: right; } [dir="rtl"] .dl-footer__col-title { text-align: right; } [dir="rtl"] .dl-footer__links { text-align: right; } [dir="rtl"] .dl-footer__social { flex-direction: row-reverse; } [dir="rtl"] .dl-footer__bottom { flex-direction: row-reverse; } /* ============================================================ PDP (PRODUCT PAGE) — RTL OVERRIDES ============================================================ */ [dir="rtl"] .dlv2-gallery { order: 2; } [dir="rtl"] .dlv2-info { order: 1; text-align: right; } [dir="rtl"] .dlv2-price { flex-direction: row-reverse; } [dir="rtl"] .dlv2-meta-item { flex-direction: row-reverse; } [dir="rtl"] .dlv2-faq-trigger { flex-direction: row-reverse; } [dir="rtl"] .dlv2-activity { direction: rtl; } /* ============================================================ CART PAGE — RTL OVERRIDES ============================================================ */ [dir="rtl"] .dlcart-item { direction: rtl; } [dir="rtl"] .dlcart-item__details { text-align: right; } [dir="rtl"] .dlcart-summary { text-align: right; } [dir="rtl"] .dlcart-summary-row { flex-direction: row-reverse; } [dir="rtl"] .dlcart-shipping-bar { direction: rtl; } [dir="rtl"] .dlcart-cod { flex-direction: row-reverse; text-align: right; } /* ============================================================ LANGUAGE SWITCHER — RTL ============================================================ */ [dir="rtl"] .dllang__dropdown { right: auto; left: 0; } [dir="rtl"] .dllang__toggle { flex-direction: row-reverse; } [dir="rtl"] .dllang__option { flex-direction: row-reverse; text-align: right; } /* ============================================================ NUMBERS — Keep LTR for prices and digits ============================================================ */ [dir="rtl"] .dlos-city__stat-num, [dir="rtl"] .dl-gifts__price-num, [dir="rtl"] .dlv2-price-main, [dir="rtl"] .price, [dir="rtl"] .money { direction: ltr; display: inline-block; } /* ============================================================ LOAD ARABIC FONTS ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Tajawal:wght@300;400;500&display=swap'); /* ============================================================ DECORLOFT RTL — Collection Page (dlcol-) overrides ============================================================ */ [dir="rtl"] .dlcol-hero { text-align: right; } [dir="rtl"] .dlcol-hero__inner { flex-direction: row-reverse; } [dir="rtl"] .dlcol-hero__eyebrow { flex-direction: row-reverse; justify-content: flex-start; } [dir="rtl"] .dlcol-hero__eyebrow::before { display: none; } [dir="rtl"] .dlcol-hero__eyebrow::after { content: ''; display: block; width: 40px; height: 1px; background: #C9A96E; flex-shrink: 0; } [dir="rtl"] .dlcol-hero__right { align-items: flex-start; } [dir="rtl"] .dlcol-hero__count { text-align: left; } [dir="rtl"] .dlcol-hero__watermark { right: auto; left: -20px; } [dir="rtl"] .dlcol-toolbar__inner { flex-direction: row-reverse; } [dir="rtl"] .dlcol-toolbar__left { flex-direction: row-reverse; } [dir="rtl"] .dlcol-card__info { text-align: right; } [dir="rtl"] .dlcol-card__footer { flex-direction: row-reverse; } [dir="rtl"] .dlcol-card__badges { left: auto; right: 16px; } [dir="rtl"] .dlcol-card__wish { right: auto; left: 16px; } [dir="rtl"] .dlcol-story__inner { direction: rtl; } [dir="rtl"] .dlcol-story__eyebrow, [dir="rtl"] .dlcol-story__headline, [dir="rtl"] .dlcol-story__body { text-align: right; } [dir="rtl"] .dlcol-others__header { flex-direction: row-reverse; } [dir="rtl"] .dlcol-other-card { text-align: right; }