/* Generated by BC Custom Fonts & CSS on 2025-08-28T06:57:38+00:00 */
@font-face{font-family:'IranSans';src:url('https://tennisfarsi.com/wp-content/uploads/2025/08/IRANSansWeb.woff2') format('woff2'),url('https://tennisfarsi.com/wp-content/uploads/2025/08/IRANSansWeb.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}body{font-family:'IranSans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
/* --- Custom CSS --- */
.wp-caption .wp-caption-text{border-bottom:0px}
.highlight {
            background-color: #cde11a;
            padding: 10px;
            border-radius: 5px;
            border-right: 5px solid #cde11a;
            margin-bottom: 1em;
        }

li,p{line-height:1.8em;}
.navigation-bar {
	background-color: #cde11a;
}
.stories-title, .widget-title {
  border-right: 4px solid #cde11a!important;
}
.btn-theme {
    background-color: #cde11a;
}
.navigation.pagination .current, .navigation.pagination a:hover {

    background-color: #cde11a;
}
.entry-content p{text-align:justify}
.site-branding.navbar-brand .site-title,.site-branding.navbar-brand .site-description{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#block-21,#block-10,section#categories-2,section#recent-posts-2,section#search-2,.has-post-thumbnail{padding: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.08);}
#block-10 figure{margin-bottom:0px}

.single-post .entry-content p:first-of-type,.single-post .entry-content h2:first-of-type{margin-top:14px}

.single-post .content-area a,.single-post .cat-links a,.breadcrumbs a,.featured-stories a:hover,aside#secondary a:hover,.widget_categories .current-cat a,.archive #primary a:hover:not(a.page-numbers,.cat-links a),.marquee.marquee-rtl a:hover,.search #primary a:hover:not(a.page-numbers),.entry-title a:focus,.entry-meta a:focus,.custom-html-widget a{color:#9b0!important}

a.page-numbers:hover{color:white}

.post-img-wrap .entry-meta .cat-links a, .post-img-wrap + .entry-header .entry-meta .cat-links a,.btn-primary, .btn-primary:hover,input[type="submit"],input[type="submit"]:hover,.back-to-top a,.btn.btn-theme:hover,.flash-icon{background-color:#9b0!important}

.entry-meta.category-meta .cat-links a,.entry-meta.category-meta .cat-links a:hover{color:white!important} 

.btn-primary,.btn-primary:hover,.flash-icon:before,.flash-icon:after{border-color:#9b0!important}

.entry-meta{margin-top:10px}
.author-link,.wp-link,.theme-link::after{display:none!important}
.site-info .copyright{text-align:center!important}
@media (max-width: 768px) {
.site-branding .custom-logo{display:block;margin:0 auto;}
}
/* ===== Base Table Styling ===== */
.bc-table {
  width: 100%;
  max-width: 100%;
  margin: 1.5em 0;
  border-collapse: collapse;
  border: 1px solid #ddd;
  
  direction: rtl;
  background-color: #fff;
  overflow-x: auto;
  
}

/* ===== Table Headings ===== */
.bc-table thead {
  background-color: #cde11a;
  color: #fff;
}

.bc-table thead th {
  padding: 12px 16px;
  font-weight: bold;
  font-size: 0.95rem;
  text-align: center;
  border: 1px solid #ccc;
}

/* ===== Table Cells ===== */
.bc-table td {
  padding: 12px 16px;
  font-size: 0.9rem;
  text-align: center;
  border: 1px solid #ddd;
}

/* ===== Zebra Stripes ===== */
.bc-table tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}

/* ===== Hover Effect ===== */
.bc-table tbody tr:hover, .highlight {
  background-color: #cde11a20!important;
  transition: background-color 0.3s ease-in-out;
}

/* ===== Responsive Overflow ===== */
.bc-table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;

}

/* ===== Mobile Font Scaling ===== */
@media (max-width: 768px) {
  .bc-table thead th,
  .bc-table td {
    font-size: 0.85rem;
    padding: 10px;
  }
	
}

/* ===== Optional: Rounded Corners ===== */
.bc-table {
  border-radius: 8px;
  overflow: hidden;
}

/* ===== FAQ Wrapper ===== */
#faq {
 
  padding: 1rem;
  background: #fefefe;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  direction: rtl;
}

/* ===== FAQ Container ===== */
#faq details {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin: 0.8rem 0;
  background-color: #f9f9f9;
  overflow: hidden;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* ===== Smooth Expand/Collapse Animation ===== */
#faq details[open] summary + * {
  animation: openDetails 0.35s ease-in-out;
}
@keyframes openDetails {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Summary (Clickable Title) ===== */
#faq details summary {
  font-weight: 600;
  font-size: 1.05rem;
  cursor: pointer;
  padding: 0.75rem 3rem 0.75rem 2.5rem;
  position: relative;
  background: transparent;
  border: none;
  outline: none;
  list-style: none;
}

/* ===== Custom Expand/Collapse Icon ===== */
#faq details summary::before {
  content: "➕";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  color: #006fbb;
  transition: transform 0.3s ease, color 0.3s ease;
}

#faq details[open] summary::before {
  content: "➖";
  color: #bf2025;
  transform: rotate(0deg) translateY(-50%);
}

/* ===== Answer Text Styling ===== */
#faq details p {
  padding: 0 1.2rem 1rem 1.2rem;
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.7;
  color: #333;
  transition: opacity 0.3s ease;
}

/* ===== Highlight on Open ===== */
#faq details[open] {
  background-color: #cde11a20;
  border-color: #cde11a20;
}
#faq .bc-div {
    padding: 0rem 1rem 0.75rem 1rem;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  #faq details summary {
    font-size: 1rem;
  }
  #faq details p {
    font-size: 0.9rem;
  }
}