/*
 * =====================================================
 *  Newspaper Theme — Full Arabic RTL Support
 *  مستوى دعم عربي كامل مثل قالب Jannah
 * =====================================================
 *  يُحمَّل تلقائياً بواسطة WordPress
 *  عند تعيين لغة الموقع إلى العربية أو أي لغة RTL
 * =====================================================
 *  Version: 1.0 — 30 sections covering all components
 * =====================================================
 */

/* =====================================================
   1. ARABIC FONTS
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&family=Tajawal:wght@300;400;500;700;900&display=swap');

:root {
  --td_default_google_font_1: 'Cairo', 'Tajawal', 'Open Sans', sans-serif;
  --td_default_google_font_2: 'Cairo', 'Tajawal', 'Roboto', sans-serif;
}

/* =====================================================
   2. BASE DIRECTION
   ===================================================== */

html { direction: rtl; }

body {
  direction: rtl;
  text-align: right;
  font-family: 'Cairo', 'Tajawal', sans-serif;
}

/* =====================================================
   3. GRID SYSTEM
   ===================================================== */

.td-pb-row [class*="td-pb-span"] {
  float: right;
  padding-right: 24px;
  padding-left: 0;
}
.td-pb-row {
  margin-right: 0;
  margin-left: -24px;
}
.td-block-row [class*="td-block-span"] {
  float: right;
  padding-right: 24px;
  padding-left: 0;
}
.td-block-row {
  margin-right: 0;
  margin-left: -24px;
}
.td-header-row [class*="td-header-sp"] {
  float: right;
  padding-right: 24px;
  padding-left: 0;
}

@media (min-width: 1019px) and (max-width: 1140px) {
  .td-pb-row [class*="td-pb-span"],
  .td-block-row [class*="td-block-span"] {
    padding-right: 22px;
    padding-left: 0;
  }
  .td-pb-row, .td-block-row { margin-left: -22px; margin-right: 0; }
}

@media (min-width: 768px) and (max-width: 1018px) {
  .td-pb-row [class*="td-pb-span"],
  .td-block-row [class*="td-block-span"],
  .td-header-row [class*="td-header-sp"] {
    padding-right: 20px;
    padding-left: 0;
  }
  .td-pb-row, .td-block-row { margin-left: -20px; margin-right: 0; }
}

@media (max-width: 767px) {
  .td-pb-row [class*="td-pb-span"],
  .td-block-row [class*="td-block-span"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
  }
}

/* =====================================================
   4. HEADER
   ===================================================== */

.td-header-style-1 .td-header-sp-logo,
.td-header-style-2 .td-header-sp-logo,
.td-header-style-3 .td-header-sp-logo,
.td-header-style-4 .td-header-sp-logo,
.td-header-style-5 .td-header-sp-logo,
.td-header-style-6 .td-header-sp-logo,
.td-header-style-7 .td-header-sp-logo,
.td-header-style-8 .td-header-sp-logo { float: right; }

.td-logo-text-wrap,
.td-logo-text-container,
.td-header-style-1 .td-logo-text-wrap { text-align: right; }

.td-header-style-1 .header-search-wrap .td-icon-search { float: left; }
.td-header-menu-social { float: left; }

/* Drop-down search */
.td-header-wrap .td-drop-down-search { right: auto; left: 0; }
.td-header-wrap .td-drop-down-search:before { right: auto; left: 14px; }
.td-header-wrap .td-drop-down-search:after  { right: auto; left: 14px; }
.td-header-wrap .td-drop-down-search .btn { float: left; }
#td-header-search,
.td-header-wrap #td-header-search { direction: rtl; }

/* =====================================================
   5. NAVIGATION MENU (Superfish)
   ===================================================== */

.sf-menu li { float: right; }
.sf-menu li .fa { margin-right: 0; margin-left: 10px; }
.sf-menu li .td-only-icon { margin-left: 0; }
.sf-menu .menu_icon { float: right; margin-right: 0; margin-left: 6px; }

/* Dropdowns open towards left in RTL */
.sf-menu ul { left: auto; right: 0; }
.sf-menu > li.td-normal-menu > ul.sub-menu { left: auto; right: -15px; }

@media (min-width: 768px) and (max-width: 1018px) {
  .sf-menu > li.td-normal-menu > ul.sub-menu { left: auto; right: -5px; }
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left: auto; right: 10em; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul { right: 0; left: auto; }

.sf-arrows .sf-with-ul:after { margin-left: 0; margin-right: 5px; }
.sf-arrows ul .sf-with-ul:after { margin-left: 0; margin-right: 5px; }

/* =====================================================
   6. MOBILE NAVIGATION
   ===================================================== */

#td-mobile-nav { right: 0; left: auto; }
.td-mobile-content { direction: rtl; text-align: right; }
.td-mobile-content .td-icon-menu-right:before { content: '\e800'; }
.td-mobile-content .td-sub-menu-open > a i { transform: scaleX(-1); }
.td-menu-background { right: 0; left: auto; }

/* =====================================================
   7. TICKER / BREAKING NEWS
   ===================================================== */

.td-ticker-title { float: right; }
.td_block_breaking_news .td-breaking-news-text { direction: rtl; text-align: right; }

/* =====================================================
   8. POST MODULES — Meta, Category, Date
   ===================================================== */

.td-module-meta-info { text-align: right; direction: rtl; }

.td-module-image .td-post-category,
.td-module-thumb .td-post-category { left: 10px; right: auto; }

.td-post-category { right: 0; left: auto; }
.td-module-meta-info .td-post-category { float: right; margin-right: 0; margin-left: 6px; }

.td-post-author-name,
header .td-post-author-name { float: right; margin-right: 0; margin-left: 8px; }

header .td-post-date,
.td-post-date { float: right; text-align: right; }

.td-module-meta-info .td-post-views { float: right; margin-right: 0; margin-left: 8px; }
.td-module-comments { float: right; margin-right: 6px; margin-left: 0; }
.td-read-more { text-align: right; }
.td-excerpt { text-align: right; }
p.td-module-title, .td-module-title { text-align: right; }

/* =====================================================
   9. SINGLE POST CONTENT
   ===================================================== */

.tagdiv-type { text-align: right; direction: rtl; }

.tagdiv-type ol,
.tagdiv-type ul { padding-right: 20px; padding-left: 0; margin-right: 10px; margin-left: 0; }

.tagdiv-type li ol,
.tagdiv-type li ul { margin-right: 15px; margin-left: 0; }

.tagdiv-type table td,
.tagdiv-type table th { text-align: right; }

/* Blockquote */
.tagdiv-type blockquote {
  border-right: 3px solid var(--td_theme_color, #4db2ec);
  border-left: none !important;
  padding-right: 20px;
  padding-left: 0;
  text-align: right;
}
.tagdiv-type blockquote:before { content: '\f10e'; right: 0; left: auto; }

/* Quote box */
.tagdiv-type .td_quote_box {
  border-right: 2px solid var(--td_theme_color, #4db2ec);
  border-left: none !important;
  padding-right: 23px;
  padding-left: 15px;
}

/* Pull quotes */
.tagdiv-type .td_quote_left,
.tagdiv-type .td_box_left { float: right; margin-right: 0; margin-left: 34px; }

.tagdiv-type .td_quote_right,
.tagdiv-type .td_box_right { float: left; margin-left: 0; margin-right: 34px; }

.tagdiv-type .td_pull_left { float: right; margin-right: 0; margin-left: 34px; }
.tagdiv-type .td_pull_right { float: left; margin-left: 0; margin-right: 34px; }

/* Arrow list */
.tagdiv-type .td-arrow-list li:before { float: right; margin-right: 0; margin-left: 8px; }

/* Dropcap */
.dropcap { float: right; margin-right: 0; margin-left: 8px; }

/* Align swap */
.alignleft { float: right; margin-right: 0; margin-left: 34px; }
.alignright { float: left;  margin-left: 0;  margin-right: 34px; }

/* Paragraph padding presets */
.td-paragraph-padding-0 { padding-right: 6%;  padding-left: 0; }
.td-paragraph-padding-1 { padding-right: 6%;  padding-left: 6%; }
.td-paragraph-padding-2 { padding-right: 12%; padding-left: 12%; }
.td-paragraph-padding-3 { padding-right: 12%; padding-left: 6%; }
.td-paragraph-padding-4 { padding-right: 0;   padding-left: 6%; }
.td-paragraph-padding-5 { padding-right: 18%; padding-left: 18%; }
.td-paragraph-padding-6 { padding-right: 6%;  padding-left: 12%; }

.td-pb-span8 .td-paragraph-padding-0,
.mceContentBody-max-width-small .td-paragraph-padding-0 { padding-right: 4%; padding-left: 0; }

.td-pb-span8 .td-paragraph-padding-3,
.mceContentBody-max-width-small .td-paragraph-padding-3 { padding-right: 8%; padding-left: 4%; }

.td-pb-span8 .td-paragraph-padding-4,
.mceContentBody-max-width-small .td-paragraph-padding-4 { padding-right: 0; padding-left: 4%; }

.td-pb-span8 .td-paragraph-padding-6,
.mceContentBody-max-width-small .td-paragraph-padding-6 { padding-right: 4%; padding-left: 8%; }

/* =====================================================
   10. SINGLE POST — Meta, Tags, Navigation
   ===================================================== */

.entry-header .td-post-date,
.entry-header .td-post-author-name { float: right; margin-right: 0; margin-left: 12px; }

.td-tags { text-align: right; }
.td-tags li { float: right; margin-right: 0; margin-left: 6px; }
.td-tags .tags-title { float: right; margin-right: 0; margin-left: 10px; }

.td-post-small-box span { float: right; }
.td-post-small-box a {
  float: right;
  margin-left: 0;
  margin-right: 4px;
  border: 1px solid var(--td_grid_border_color, #ededed);
}

/* Next / Prev nav */
.td-next-prev-wrap { direction: rtl; }
.td-next-prev-wrap .td-icon-menu-left:before  { content: '\e801'; }
.td-next-prev-wrap .td-icon-menu-right:before { content: '\e800'; }

#td-reading-position { right: 0; left: auto; }

/* =====================================================
   11. AUTHOR BOX
   ===================================================== */

.author-box-wrap .avatar { float: right; margin-right: 0; margin-left: 20px; }
.td-author-description { text-align: right; }
.td-author-social { text-align: right; float: right; }
.td-author-social a { float: right; margin-right: 0; margin-left: 6px; }
.td-about-me-wrap { text-align: right; direction: rtl; }

/* =====================================================
   12. COMMENTS
   ===================================================== */

.comment .avatar { float: right; margin-right: 0; margin-left: 15px; }
.comment-content { text-align: right; direction: rtl; }
.comment-meta, .comment-metadata { text-align: right; }
ol.comment-list { padding-right: 0; direction: rtl; }
ol.children { margin-right: 30px; margin-left: 0; padding-right: 0; }

.comment-list .has-avatar .reply { margin-left: 0; margin-right: 90px; }
.comment-list .reply a { float: right; }

.comment-form input,
.comment-form textarea,
#respond input,
#respond textarea { direction: rtl; text-align: right; }

#respond .comment-form-email { float: right; margin-right: 0; margin-left: 4%; }
#respond .comment-form-url { float: right; }
#cancel-comment-reply-link { float: left; }

/* =====================================================
   13. PAGINATION
   ===================================================== */

.page-nav a, .page-nav span { float: right; margin: 0 0 8px 8px; }
.page-nav:first-child > div { float: right; margin: 0 0 8px 8px; }
.page-nav .pages { float: right; text-align: right; }

.page-nav .td-icon-menu-right:before { content: '\e800'; }
.page-nav .td-icon-menu-left:before  { content: '\e801'; }

/* =====================================================
   14. SEARCH
   ===================================================== */

.td-search-wrap-mob { direction: rtl; text-align: right; }
.td-search-wrap-mob .td-module-thumb { float: right; margin-right: 0; margin-left: 10px; }
.td-search-wrap-mob .entry-title,
.td-search-wrap-mob .td-post-date,
.td-search-wrap-mob .result-msg { text-align: right; }
.td-search-wrap-mob .td-search-form,
.td-search-wrap-mob .td-aj-search-results { direction: rtl; text-align: right; }
.td-search-input input, #td-header-search-mob { direction: rtl; text-align: right; }
.td-search-close { left: auto; right: 20px; }

/* =====================================================
   15. SIDEBAR & WIDGETS
   ===================================================== */

.widget, .widgettitle, .widget-title { text-align: right; direction: rtl; }
.widget ul, .widget ol { padding-right: 0; padding-left: 0; }

.widget_categories li,
.widget_product_categories li,
.widget_archive li,
.widget_nav_menu li,
.widget_meta li,
.widget_pages li,
.widget_recent_entries li { padding-right: 12px; padding-left: 0; text-align: right; }

.widget_categories li a,
.widget_product_categories li a,
.widget_archive li a,
.widget_nav_menu li a,
.widget_meta li a,
.widget_pages li a,
.widget_recent_entries li a { float: right; direction: rtl; }

.widget_categories li a:before,
.widget_product_categories li a:before,
.widget_archive li a:before,
.widget_nav_menu li a:before,
.widget_meta li a:before,
.widget_pages li a:before,
.widget_recent_entries li a:before {
  content: '\f104';
  margin-right: -12px;
  margin-left: 0;
  text-align: right;
}

.widget_categories .children li,
.widget_product_categories .children li,
.widget_nav_menu .sub-menu li,
.widget_pages .children li { padding-right: 15px; padding-left: 0; }

.widget_categories li, .widget_archive li { text-align: left; }
.widget_categories li a, .widget_archive li a { float: right; }

/* Post widget */
.td-post-widget-body, .post-widget-body { padding-right: 125px; padding-left: 0; }
.td-post-widget-thumbnail, .post-widget-thumbnail { float: right; margin-right: 0; margin-left: 15px; }

/* =====================================================
   16. BLOCK TITLES
   ===================================================== */

div.td-block-title { text-align: right; direction: rtl; }
div.td-block-title:after,
div.td-block-title > *:after { right: 0; left: auto; }

/* =====================================================
   17. TRENDING NOW
   ===================================================== */

.td-trending-now-wrapper { direction: rtl; text-align: right; }
.td-trending-now-title { float: right; }
.td-trending-now-nav-left { margin-left: 5px; margin-right: 0; }

/* =====================================================
   18. SOCIAL COUNTER WIDGET
   ===================================================== */

.td-sp { margin: 0 0 0 20px; }
.td-social-box { display: flex; flex-direction: row; align-items: center; }
.td_social_type .td_social_info { top: 0 !important; }
.td_social_type .td_social_button { margin: 0 0 0 20px !important; }
.block-title { text-align: right; }

/* =====================================================
   19. SLIDER / GALLERY
   ===================================================== */

.td-slide-caption { text-align: right; direction: rtl; }
.td-doubleSlider-1 .td-slide-item .td-slide-caption span { float: right; direction: rtl; text-align: right; }

/* =====================================================
   20. FOOTER
   ===================================================== */

.td-footer-wrapper { direction: rtl; text-align: right; }
.td-footer-wrapper .widget { text-align: right; }
.td-footer-wrapper .widget ul { padding-right: 0; }
.td-copyright { direction: rtl; text-align: right; }
.td-footer-info { text-align: right; }

.td-subfooter-menu { direction: rtl; }
.td-subfooter-menu li { float: right; }
.td-sub-footer-copy { float: left; text-align: left; }
.td-sub-footer-menu { float: right; }

/* =====================================================
   21. GUTENBERG BLOCKS
   ===================================================== */

.wp-block-pullquote.alignleft,
.tagdiv-type .wp-block-pullquote.alignleft { float: right; margin-right: 0; margin-left: 2em; }

.wp-block-pullquote.alignright,
.tagdiv-type .wp-block-pullquote.alignright { float: left; margin-left: 0; margin-right: 2em; }

.wp-block-image.alignleft  { float: right; margin-right: 0; margin-left: 1em; }
.wp-block-image.alignright { float: left;  margin-left: 0;  margin-right: 1em; }

.tagdiv-type .wp-block-quote,
.wp-block-quote {
  border-right: 3px solid var(--td_theme_color, #4db2ec);
  border-left: none;
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}

.wp-block-list { padding-right: 1.5em; padding-left: 0; }

/* =====================================================
   22. SHARE BUTTONS
   ===================================================== */

.td-post-sharing, .td-social-sharing-counter-box { direction: rtl; }
.td-post-sharing-top { text-align: right; }
.td-social-sharing-count .td-social-icon { float: right; margin-right: 0; margin-left: 6px; }

/* =====================================================
   23. BREADCRUMBS
   ===================================================== */

.td-breadcrumb, .td-crumb-container { direction: rtl; text-align: right; }
.td-breadcrumb li { float: right; }
.td-crumb-container .td-icon-menu-right:before { content: '\e800'; }

/* =====================================================
   24. PAGE META & ARCHIVE
   ===================================================== */

.td-page-meta { text-align: right; direction: rtl; }

/* =====================================================
   25. WOOCOMMERCE
   ===================================================== */

.woocommerce, .woocommerce-page { direction: rtl; text-align: right; }
.woocommerce .price { direction: rtl; }
.woocommerce-product-search .search-field { float: right; }
.woocommerce-product-search [type="submit"] { float: left; margin-right: 2%; margin-left: 0; }

.woocommerce-message,
.woocommerce-error,
.woocommerce-info { padding: 10px 50px 10px 10px !important; }

.woocommerce-message:before,
.woocommerce-error:before,
.woocommerce-info:before { right: 10px; left: auto; }

.woocommerce-message a.button,
.woocommerce-error a.button,
.woocommerce-info a.button { float: left; }

/* =====================================================
   26. SCROLL TO TOP
   ===================================================== */

#td-scroll-top, #go-to-top, .td-scroll-up { right: auto; left: 15px; }

@media (max-width: 768px) {
  #td-scroll-top, #go-to-top, .td-scroll-up { right: auto; left: 5px; }
}

/* =====================================================
   27. ADMIN BAR
   ===================================================== */

@media (max-width: 782px) {
  .admin-bar .td-search-wrap-mob { top: 46px; }
}

/* =====================================================
   28. RESPONSIVE — TABLET
   ===================================================== */

@media (max-width: 1018px) {
  .td-header-row [class*="td-header-sp"] { float: right; padding-right: 20px; padding-left: 0; }
  .td-header-menu-wrap-full,
  .td-header-menu-wrap,
  .td-header-main-menu { direction: rtl; }
  .author-box-wrap .avatar { float: right; margin-left: 15px; margin-right: 0; }
}

/* =====================================================
   29. RESPONSIVE — PHONE
   ===================================================== */

@media (max-width: 767px) {
  .alignleft, .alignright,
  .tagdiv-type .td_quote_left, .tagdiv-type .td_box_left, .tagdiv-type .td_pull_left,
  .tagdiv-type .td_quote_right, .tagdiv-type .td_box_right, .tagdiv-type .td_pull_right,
  .tagdiv-type .wp-block-pullquote.alignleft,
  .tagdiv-type .wp-block-pullquote.alignright { float: none; margin: 0 0 20px 0; width: auto; }

  .author-box-wrap .avatar { float: none; margin: 0 0 15px 0; display: block; }
  .comment .avatar { float: none; margin: 0 0 10px 0; }
  .page-nav a, .page-nav span { float: none; display: inline-block; }
  .td-tags li { float: none; display: inline-block; }
  .td-mobile-content .td-icon-menu-right:before { content: '\e800'; }
  .td-search-wrap-mob { right: 0; left: auto; }
  .td-sub-footer-copy, .td-sub-footer-menu { float: none; text-align: center; }
}

/* =====================================================
   30. MISC FIXES
   ===================================================== */

/* Float utilities */
.pull-right { float: right !important; }
.pull-left  { float: left  !important; }

/* WPML language switcher */
.menu-item-language img.iclflag { margin-right: 0; margin-left: 4px; }

/* Hidden off-screen divs (WPML / plugins) */
div[style*="visibility: hidden;"][style*="left: -10000px;"] {
  left: auto !important;
  right: -10000px !important;
}

/* Contact Form 7 */
div.wpcf7 { direction: rtl !important; }

/* iLightbox arrows */
.ilightbox-toolbar .ilightbox-prev-button,
.ilightbox-toolbar .ilightbox-next-button { transform: rotate(180deg); }

/* Video play icon stays centered */
.td-video-play-ico { /* transform centering preserved — no change needed */ }

/* Video play icons LTR offset fix */
.td-video-play-ico i.td-icon-video-thumb-play { left: 47%; right: auto; }
.td-video-play-ico i.td-icon-audio-thumb-play { left: 54%; right: auto; }