/*
Theme Name: TurkiyeSite Landing Pro
Author: Morteza
Description: RTL professional WP theme for Services + Content with Conversion-focused Landing, CF7 lead section, and service hero shortcode.
Version: 1.3.1
License: GNU GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: turkiyesite-landing-pro
Tags: rtl-language-support, custom-logo, custom-menu, featured-images, threaded-comments
*/


/* Lead Description Box */
.ts-lead-desc{padding:18px 0 0}
.ts-lead-desc__grid{display:flex;gap:18px;align-items:stretch}
.ts-lead-desc__right{flex:1 1 46%;display:flex}

.ts-lead-desc__box{
width:100%;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.14);
border-radius:16px;
padding:18px;
backdrop-filter:blur(6px);
display:flex;
flex-direction:column
}

.ts-lead-desc__title{margin:0 0 12px;font-size:19px;font-weight:700}
.ts-lead-desc__text{margin:0 0 12px;line-height:1.7}
.ts-lead-desc__list{margin:0 0 14px;padding-left:18px}
.ts-lead-desc__list li{margin-bottom:7px}

.ts-lead-desc__note{
margin-top:auto;
display:flex;
gap:10px;
align-items:flex-start;
border-top:1px solid rgba(255,255,255,.12);
padding-top:12px
}

.ts-lead-desc__badge{
padding:6px 11px;
border-radius:20px;
font-size:12px;
font-weight:700;
background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.15)
}

.ts-lead-desc__small{margin:0;font-size:13px}

@media(max-width:900px){
.ts-lead-desc__grid{flex-direction:column}
}


/* ===== Dropdown Indicator ===== */
.main-navigation li.menu-item-has-children > a {
  position: relative;
  padding-right: 22px;
}

.main-navigation li.menu-item-has-children > a::after {
  content: "▼";
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%) scale(0.8);
  font-size: 11px;
  opacity: 0.7;
  transition: transform .25s ease, opacity .25s ease;
}

/* Hover / Open state */
.main-navigation li.menu-item-has-children:hover > a::after,
.main-navigation li.menu-item-has-children:focus-within > a::after {
  transform: translateY(-50%) rotate(180deg) scale(0.9);
  opacity: 1;
}

/* Dropdown animation */
.main-navigation ul.sub-menu {
  opacity: 0;
  transform: translateY(10px);
  transition: all .25s ease;
  pointer-events: none;
}

.main-navigation li:hover > ul.sub-menu,
.main-navigation li:focus-within > ul.sub-menu {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}


/* === Dropdown indicator (caret) for menu items with children === */
.main-navigation .menu-item-has-children > a{
  position: relative;
  padding-left: 28px; /* RTL: caret on the left */
}

.main-navigation .menu-item-has-children > a::after{
  content: "▾";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 1;
  opacity: .9;
  transition: transform .18s ease, opacity .18s ease;
}

/* Rotate caret when submenu is open (mobile) */
.main-navigation .menu-item-has-children.sub-open > a::after{
  transform: translateY(-50%) rotate(180deg);
  opacity: 1;
}

/* Improve focus/hover clarity */
.main-navigation a:focus-visible{
  outline: 2px solid rgba(255,255,255,.55);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Mobile submenu behavior */
@media (max-width: 900px){
  .main-navigation .menu-item-has-children > .sub-menu{
    display: none;
  }
  .main-navigation .menu-item-has-children.sub-open > .sub-menu{
    display: block;
  }
}


/* =========================================
   FORCE RTL: Post/Page titles, headings, comments
   (This block is intentionally at the end to override everything.)
========================================= */

/* Post & Page titles */
.single .entry-title,
.page .entry-title{
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: plaintext;
}

/* Headings inside content */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: plaintext;
  line-height: 1.45;
  margin: 22px 0 12px;
  font-family: 'Vazirmatn', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.entry-content h1{ font-size: clamp(22px, 2.1vw, 32px); font-weight: 900; }
.entry-content h2{ font-size: clamp(19px, 1.7vw, 26px); font-weight: 900; }
.entry-content h3{ font-size: clamp(17px, 1.4vw, 22px); font-weight: 850; }
.entry-content h4{ font-size: 17px; font-weight: 850; }
.entry-content h5{ font-size: 15px; font-weight: 800; }
.entry-content h6{ font-size: 14px; font-weight: 800; opacity: .95; }

/* Decorative icon next to headings (RTL-friendly) */
.entry-content h1::before,
.entry-content h2::before,
.entry-content h3::before,
.entry-content h4::before,
.entry-content h5::before,
.entry-content h6::before{
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  margin-left: 10px; /* RTL: icon sits to the left of text */
  transform: translateY(-1px);
  background: linear-gradient(135deg,#F63049,#111F35);
  box-shadow: 0 6px 16px rgba(246,48,73,.20);
}

/* Comments: make sure everything is RTL and right-aligned */
.ts-comments-chat-wrap,
.ts-comments-chat-wrap *{
  direction: rtl;
}

.ts-comments-chat-wrap .comments-title,
.ts-comments-chat-wrap .comment-reply-title{
  text-align: right !important;
}

/* Chat row: avatar + name must be on the right */
.ts-chat{
  direction: rtl !important;
  text-align: right !important;
  justify-content: flex-end !important;
}

/* Keep avatar on the right (row-reverse is already used, this forces it) */
.ts-chat--q,
.ts-chat--a{
  flex-direction: row-reverse !important;
}

.ts-chat__avatar{ margin-left: 12px !important; margin-right: 0 !important; }

/* Bubble background: align with theme palette */
.ts-chat__bubble{
  direction: rtl !important;
  text-align: right !important;
}

.ts-chat--q .ts-chat__bubble{
  background: linear-gradient(135deg,#F63049 0%, #111F35 100%) !important;
}
.ts-chat--q .ts-chat__bubble::after{
  border-left-color: #111F35 !important;
}

.ts-chat--a .ts-chat__bubble{
  background: linear-gradient(135deg, rgba(246,48,73,.08) 0%, rgba(17,31,53,.06) 100%) !important;
  border: 1px solid rgba(246,48,73,.18) !important;
}
.ts-chat--a .ts-chat__bubble::after{
  border-left-color: rgba(17,31,53,.10) !important;
}

/* Meta row: name right, date left (still RTL) */
.ts-chat__meta{
  flex-direction: row-reverse !important;
  justify-content: flex-start !important;
}
.ts-chat__date{ margin-right: auto !important; }




/* FORCE RTL VISUAL FIX (v1.2.7) is in assets/css/main.css */



/* ===== RTL PATCH (v1.2.8) ===== */
.single .ts-title-row,
.page .ts-title-row{ display:flex !important; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; gap: 12px !important; direction: rtl !important; text-align: right !important; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content .wp-block-heading{ text-align: right !important; direction: rtl !important; unicode-bidi: plaintext !important; }


/* FORCE entry title RTL (v1.2.9) */
.single .entry-title,
.page .entry-title{
  direction: rtl !important;
  text-align: right !important;
}

.ts-title-icon{ flex:0 0 auto; }