/*

Theme Name: Carbon Agency

Author: Kantipur Themes

Author URI: https://www.kantipurthemes.com/

Theme URI: https://www.kantipurthemes.com/carbon-agency

Description: Carbon Agency is a Full Site Editing Business WordPress theme. This theme is designed specifically for businesses in Business Consulting, IT Solutions, Creative Agencies, Financial Advisory, Transport & Logistics, and many more. This theme provides a professional and modern look, making it an ideal choice for Multipurpose businesses seeking an online presence.

Tags: full-site-editing, editor-style, block-styles, block-patterns

Text Domain: carbon-agency

Requires at least: 6.3

Requires PHP: 7.4

Tested up to: 6.8

Version: 1.0.0



License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/



/* Styles intended only for the front.*/

html {

	scroll-behavior: smooth;

}



ul{

	  direction: rtl;

}

.entry-content{
  display: flex !important;
  width: 90% !important;
  gap: 24px;
  align-items: flex-start
}

.entry-content > .main-content{
  flex: 1;
  min-width: 0;
}

.entry-content .internal-cta-container{
  width: 320px;
  flex: 0 0 320px !important;
  position: sticky;
  top: 0px;
}

figcaption{
	text-align: center;
	font-size: 12px !important;
	margin-top:0.5rem;
	font-weight: 800;
}

.modern-quote {
    position: relative;
    font-weight: 700;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: -1px;
    color: #6a7196;
    margin: 20px 0;
}

.modern-quote p{
    padding: 0 70px 0 0;
}

.modern-quote::before{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: url('/wp-content/uploads/svg/quote-right-svgrepo-com.svg') no-repeat 50% 50%;
    background-size: 100%;
}

.wp-block-columns {
  direction: ltr !important;   /* چیدمان ثابت مثل ادیتور */
}

.important-text {
  direction: rtl;
  display: block;           /* جمله جدا نمایش داده شود */
  text-align: right;
  color: #1e3a8a;           /* آبی تیره حرفه‌ای */
  font-weight: 600;
  background-color: #f0f9ff; /* آبی خیلی روشن */
 
  font-family: "Vazirmatn", "IRANSans", sans-serif;
  line-height: 1.9;
}


@media screen and (prefers-reduced-motion: reduce) {



	html {

		scroll-behavior: auto;

	}

}



body {

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-smoothing: antialiased;

}

figure img{
  box-shadow: 0 14px 20px rgb(60 63 79 / 10%), 0 6px 12px rgb(60 63 79 / 10%) !important;;
}

a{
	text-decoration: none !important;
}

P{
    line-height: 2;
}


.wrapper-faq-whatsapp {

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 20px;

	box-sizing: border-box;

}


.wp-block-post-content{
    width: 70%;
    margin-right: 4rem;
}

.wrapper-faq-whatsapp .message-box {

	background: linear-gradient(135deg, #4CAF50, #45a049);

	color: white;

	padding: 15px 25px;

	border-radius: 25px;

	box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);

	text-align: center;

	font-size: 16px;

	font-weight: 500;

	max-width: 400px;

	width: 100%;

	margin: 10px;

	position: relative;

	overflow: hidden;

	text-decoration: none;

	display: inline-block;

	transition: all 0.3s ease;

	cursor: pointer;

}



.wrapper-faq-whatsapp .message-box:hover {

	transform: translateY(-2px);

	box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);

	text-decoration: none;

	color: white;

}



.wrapper-faq-whatsapp .message-box:active {

	transform: translateY(0);

}



.wrapper-faq-whatsapp .message-box:visited {

	color: white;

}



.wrapper-faq-whatsapp .message-box::before {

	content: '';

	position: absolute;

	top: -50%;

	left: -50%;

	width: 200%;

	height: 200%;

	background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);

	animation: shine 3s ease-in-out infinite;

}



.wrapper-faq-whatsapp > p {
	display: none !important;
}





@keyframes shine {

	0% {

		transform: rotate(0deg);

	}

	100% {

		transform: rotate(360deg);

	}

}



.wrapper-faq-whatsapp .message-text {

	position: relative;

	z-index: 1;

}

p{
	direction: rtl !important;
}

h1,h2,h3,h4{
	direction: rtl !important;
	font-weight: bold !important;
}

#how-to-use{
	max-width: unset !important;
}

.wp-block-post-featured-image  {
  width: 60%;
  margin: 20px auto;
  display: block;
  border-radius: 10px;
}


/* Responsive design */

@media (min-width: 720px) {
  .mobile{
    display: none;
  }
}


@media (max-width: 480px) {
    .desktop{
      display: none;
    }
    main{
        overflow-x: hidden;
    }

    .entry-content{
      flex-direction: column;
    }
    
    .entry-content .internal-cta-container{
      position: static;
      width: 100%;
      flex-basis: auto;
    }

	.wp-block-post-title{
		font-size: 20px;
		font-weight: 700;
		text-align: right;
		line-height: 35px;
		margin: 1.5rem;
	}
	.wrapper-faq-whatsapp {

		padding: 10px;

	}
	.wrapper-faq-whatsapp .message-box {

		font-size: 14px;

		padding: 12px 20px;

		margin: 5px;

		max-width: 100%;

	}

	.how-to-use-wrapper{
		padding: 1rem;
	}

	#how-to-use h2{
		text-align: center;
	}

	.card-to-card-text{
		padding: 1rem;
	}

	.card-to-card{
		padding: 0.5rem !important;
		font-size: 14px;
	}

	.vid-wrapper > div {
		max-width: unset;
		width: 100%;
	}

	.wp-block-post-featured-image  {
		width: 95%;
		margin-top: 2rem !important;
		display: block;
	}

	.wp-block-post-featured-image img{
		border-radius: 15px;
	}
	
	.wp-block-post-content{
	    width:100%;
        padding:0;
        margin:0;
    }

    .wp-block-post-content p{
        width: 90%;
    }
    
    .wp-block-post-content :is(p, h2, h3, ul) {
        margin-right: 2rem !important;
    }
    
    .wp-block-post-content p:first-child{
        margin-top: 2rem;
    }

	blockquote p{
		width: auto !important;
	}
}



/* Focus state for accessibility */

.wrapper-faq-whatsapp .message-box:focus {

	outline: none;

	box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4), 0 0 0 3px rgba(76, 175, 80, 0.2);

}



/* Extra small screens */

@media (max-width: 320px) {

	.wrapper-faq-whatsapp .message-box {

		font-size: 12px;

		padding: 10px 15px;

	}

}



.ea-header{

	direction: rtl;

}


.unfollow-tracker-stats {
    padding: 0 0;
    display: flex;
    justify-content: center; /* وسط چین کردن کل بخش */
}

.unfollow-tracker-stats .stats-row {
    display: flex;
    gap: 25px; /* فاصله بین کارت‌ها */
    flex-wrap: wrap; /* اجازه می‌دهد کارت‌ها در موبایل زیر هم قرار بگیرند */
    justify-content: center; /* وسط چین کردن کارت‌ها */
}

.unfollow-tracker-stats .stat-box {
    background: #fff;
    padding: 25px;
    border-radius: 18px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
    transition: transform .2s ease;
    display: flex;
    flex-direction: column; /* محتویات عمودی */
    align-items: center;    /* وسط چین کردن محتویات */
    text-align: center;     /* متن وسط */
    min-width: 220px;       /* حداقل عرض کارت */
}

.unfollow-tracker-stats .stat-box:hover {
    transform: translateY(-5px);
}

.unfollow-tracker-stats .stat-box h3 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #222;
}

.unfollow-tracker-stats .stat-box p {
    font-size: 15px;
    color: #555;
    margin: 0;
}



/* فقط برای بلوک cover در صفحه پست‌ها */
.wp-block-cover__image-background.wp-post-image {
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
 
}


/* استایل کلی فهرست مطالب */
.table-of-contents {
  direction: rtl;
  text-align: right;
  background: #ffffff;
  border: 1px solid #e4e4e4;
  border-radius: 10px;
  padding: 1.2rem 1.4rem;
  margin: 1.5rem 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
  font-size: 0.95rem;
  line-height: 1.7;
}

/* تیتر فهرست مطالب */
.table-of-contents > h2 {
  font-size: 1.05rem;
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-weight: 700;
  color: #333333;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 0.5rem;
}

/* حذف بولت پیش‌فرض */
.table-of-contents ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* هر آیتم سطح اول */
.table-of-contents > ul > li {
  margin-bottom: 0.4rem;
}

/* موارد تو در تو (h3) */
.table-of-contents ul ul {
  margin-top: 0.25rem;
  margin-right: 0.9rem;
  border-right: 2px solid #f3f3f3;
  padding-right: 0.7rem;
}

.table-of-contents ul ul li {
  margin-bottom: 0.25rem;
  font-size: 0.9rem;
}

/* لینک‌ها */
.table-of-contents a {
  text-decoration: none;
  color: #444444;
  transition: color 0.15s ease, padding-right 0.15s ease;
}

/* حالت hover روی لینک‌ها */
.table-of-contents a:hover {
  color: #0077b6; /* اگر رنگ برندت چیز دیگه‌ایه، اینجا عوضش کن */
  padding-right: 3px;
}

/* روی موبایل کمی جمع‌وجورتر */
@media (max-width: 768px) {
  .table-of-contents {
    padding: 1rem 1.1rem;
    margin: 1rem 0;
    font-size: 0.92rem;
  }
}


.internal-cta-banner {
  margin: 24px 0;
  text-align: center;
}

.internal-cta-banner img {
  width: 100%;
  max-width: 300px;   /* سایز نمایشی دسکتاپ */
  height: auto;
  border-radius: 8px;
}

/* موبایل */
@media (max-width: 600px) {
  .internal-cta-banner img {
    max-width: 320px;
  }
}