/*
Theme Name: speakershub
Theme URI: https://www.speakershub.bg/
Description: Custom child theme for Astra
Author: M3
Author URI: https://www.speakershub.bg/
Template: astra
Version: 1.0.0
*/

/* Add custom styles below */

body,
button,
input,
select,
textarea,
.ast-button,
.ast-custom-button {
    font-family: 'Open Sans', sans-serif !important;
}

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
	text-transform: uppercase;
}

.speakers-grid { 
	display: grid; 
	grid-template-columns: repeat(6, minmax(200px, 1fr)); 
	gap: 0px; 
	margin: 0px auto; 
	align-items: stretch; 
} 

.speaker { 
  position: relative;
  text-align: center;
  font-weight: bold;
  color: #fff;
  min-height: 200px;
  aspect-ratio: 1 / 1;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
} 

.speaker p {
	position: absolute; 
	bottom: 20px; 
	left: 20px;
}

.speaker img { 
	width: 100%; 
	height: auto; 
	border-radius: 4px;
} 

.recommended-box { 
	background: #d62626; 
	color: #fff !important; 

	align-self: start; 
	
	z-index: 10; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	width: 100%;
	box-sizing: border-box;
} 

.recommended-box h3, .yellow-box h3, .blue-box h3 {
	color: #fff !important;
	text-align: left;
	font-size: 36px;
}

.yellow-box { 
	background: #f3cd4a; 
	color: #000;
	display: flex; 
	justify-content: center; 
	align-items: center;
} 

.blue-box { 
	background: #2b2d80; 
	display: flex; 
	justify-content: center; 
	align-items: center;
} 


.m3-cards{
  display:grid;
  grid-template-columns:repeat(5, minmax(220px,1fr)); /* като примера – 5 в ред на десктоп */
  gap:24px;
}

#lecturer-contact-form-wrap {
    margin-top: 20px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.3s ease;
}


#lecturer-contact-form-wrap.is-open {
    max-height: 1000px; 
    opacity: 1;
}



@media (max-width: 1280px){ .m3-cards{ grid-template-columns:repeat(4,1fr);} }
@media (max-width: 1024px){ .m3-cards{ grid-template-columns:repeat(3,1fr);} }
@media (max-width: 768px) { .m3-cards{ grid-template-columns:repeat(2,1fr);} }
@media (max-width: 480px) { .m3-cards{ grid-template-columns:1fr; } }

/* Карта */
.m3-card{
  background:#fff;
  border-radius:6px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
.m3-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(0,0,0,.12);
}

.m3-card-media{
  display:block;
  position:relative;
  background:#f6f7f9;
  padding:8px;
}
.m3-card-img{
  display:block;
  width:100%;
  height:auto;
  border-radius:2px;
  object-fit:cover;
}

/* Тяло */
.m3-card-body{
  text-align:center;
  padding:14px 12px 18px;
}

/* Име */
.m3-card-title{
  margin:6px 0 8px;
  font-size:18px;
  line-height:1.25;
  font-weight:600;
  color:#1c2340;
}
.m3-card-title a{
  color:inherit;
  text-decoration:none;
}
.m3-card-title a:hover{ text-decoration:underline; }

.m3-card-sub{
  font-size:14px;
  line-height:1.35;
  color:#56607a;
}

.m3-az-results{ margin-top:16px; }

.m3-azbg-wrap{ margin:16px 0 }
.m3-azbg-bar{ display:flex; flex-wrap:wrap; gap:.5rem;margin-bottom:1rem; background-color: #f9f8f8; justify-content: center; }
.m3-azbg-link{ padding:.3rem .3rem; text-decoration:none; color: #000 !important; }
.m3-azbg-link.is-active{font-weight:600;border-color:#000}
.m3-azbg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}
.m3-azbg-item a{text-decoration:none}
.m3-azbg-empty, .m3-az-empty{opacity:.7; text-align: center; }

#speakers_grid_wrappwe {
	  content: "";
	  display: block;
	  clear: both;
	}
.management_top_wrapper { 
  background-color: #f4faf8;;
 }

.member-caption {
	color: #11467e; 
	font-style: italic;
	font-size: 0.9rem;
}

.page-numbers {
	justify-content: center;
}

.members-pagination ul.page-numbers {
  display: flex;
  list-style: none;
  padding-left: 0;
  gap: 8px;
}

.members-pagination li {
  margin: 0;
}

.members-pagination a.page-numbers {
  text-decoration: none;
  color: #333;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s;
}

.members-pagination a.page-numbers:hover {
  background: #f0f0f0;
  color: #000;
}

.members-pagination .page-numbers.current {
  font-weight: bold;
  color: #fff;
  background-color: #11986F;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s;
}

.single-post .site-content .ast-container,
.single-lecturer .site-content .ast-container {
  display: block !important;
}

/* ===== HEADER ===== */
.speaker-header {
	background-color: #f9f7f8;
}

.speaker-social .ahfb-svg-iconset svg { 
	width: 24px; height: 24px;
}

.speaker-photo img{
  width:100%; height:auto; border-radius:0px; border: 7px solid #fff; border-bottom: 0;
}
.speaker-title {
	font-size:32px; line-height:1.2; margin:0; color: #ee1b24; font-weight: 300;
}
@media (min-width:992px){
	.speaker-title{ font-size:36px; }
}
.speaker-meta .meta-line{ color:#6b7280; margin-top:.25rem; }
.speaker-meta .meta-label{ color:#111827; font-weight:600; }

/* Button */
.btn{
  display:inline-block; padding:12px 18px; border-radius:4px; text-decoration:none; font-weight:600;
}
.btn-primary{
  background:#3d3d3d; color:#fff;
}
.btn-primary:hover{ opacity:.9; }


/* Divider */
.divider{ height:1px; background:#e5e7eb; }

/* ===== SECTION TITLES / BODY ===== */
.speaker-content h3 {
  font-size:18px; font-weight:700; padding:16px 0; border-bottom:1px solid #e5e7eb; margin-bottom:16px;
}
.section-body{ color:#424242; }
.section-body ul{ margin:0; padding-left:1.25rem; }
.section-body li{ margin:.4rem 0; }

/* ===== ACCORDION (прост стил – готов за JS ако решиш) ===== */
.accordion > *{ background:#f9fafb; border:1px solid #e5e7eb; border-radius:6px; padding:12px 14px; margin-bottom:10px; }

/* ===== VIDEOS GRID ===== */
.video-grid{
  display:grid; grid-template-columns:1fr; gap:18px;
}
@media (min-width:992px){
  .video-grid{ grid-template-columns:1fr 1fr; }
}
.video-card{ text-decoration:none; color:inherit; background:#fff; border:1px solid #eee; border-radius:6px; overflow:hidden; }
.video-card img{ width:100%; height:auto; display:block; }
.video-meta{ padding:10px 12px; }
.video-title{ font-weight:700; font-size:14px; }
.video-sub{ font-size:12px; color:#6b7280; }

/* ===== SIMILAR SPEAKERS ===== */
.subtle-link{ color:#e11d48; font-weight:600; }
.similar-grid{
  display:grid; gap:16px;
  grid-template-columns:repeat(2,1fr);
}

/* ===== Search ===== */
/* Scoped M3 Search Styles */
#m3wrapper .m3-azbg-wrap { padding-top: 1rem; }
#m3wrapper .m3-az-results { margin-top: 1rem; }
#m3wrapper .m3-card { padding: 1em !important; }

#m3wrapper .m3-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 24px;
}
@media (max-width: 1024px) {
  #m3wrapper .m3-cards { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px) {
  #m3wrapper .m3-cards { grid-template-columns: 1fr; }
}

#m3wrapper .m3-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, box-shadow .2s ease;
}
#m3wrapper .m3-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(0,0,0,.09);
}

#m3wrapper .m3-card-media { display: block; aspect-ratio: 1 / 1; overflow: hidden; }
#m3wrapper .m3-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#m3wrapper .m3-card-body { padding: 16px 18px 18px; }
#m3wrapper .m3-card-title {
  font-size: 1.125rem;
  line-height: 1.3;
  margin: 0 0 .35rem;
}
#m3wrapper .m3-card-title a { text-decoration: none; color: inherit; }
#m3wrapper .m3-card-title a:hover { text-decoration: underline; }

#m3wrapper .m3-card-sub {
  font-size: .95rem;
  line-height: 1.5;
  opacity: .85;
}

#m3wrapper .m3-pagination { margin-top: 24px; text-align: center; }

/* ===== End Search ===== */

@media (min-width:768px){
  .similar-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (min-width:1200px){
  .similar-grid{ grid-template-columns:repeat(5,1fr); }
}
.speaker-card{
  display:block; background:#fff; border:1px solid #eee; border-radius:6px; overflow:hidden; text-decoration:none; color:inherit;
}
.speaker-card__thumb img{ width:100%; height:auto; display:block; }
.speaker-card__meta{ padding:10px 12px; }
.speaker-card__name{ font-weight:700; }
.speaker-card__role{ font-size:12px; color:#6b7280; }
.speaker-card__org{ font-size:12px; color:#9ca3af; }

/* ===== TYPO TWEAKS ===== */
body.single-lecturer .entry-content{ display:none; } /* ако не искаш WP Editor да рендерира под нашия layout */

.top_row_single_speaker {
	background: url('/wp-content/uploads/2025/11/img_top_in.jpg') no-repeat; 
	background-size: cover; 
	width: 100%; height: 110px; 
	color: #fff; 
	display: flex; align-items: center;
}

.top_row_single_speaker p#breadcrumbs {
	margin-bottom: 0;
}

.top_row_single_speaker #breadcrumbs {
	text-transform: uppercase; 
	font-size: 24px;
}

.top_row_single_speaker #breadcrumbs .breadcrumb_last {
	text-transform: uppercase; 
	font-size: 32px;
}

.top_row_single_speaker #breadcrumbs a {
	color: #fff;
}

.m3-card-empty {
    display: flex;
}

.m3-card-empty-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d62626;
    width: 100%;
    height: 100%;
    text-decoration: none;
    border-radius: 8px; /* ако искаш да съвпадне със заоблянето на другите */
}

.m3-card-empty-box .m3-card-empty-inner {
	font-size: 20px; 
	text-transform: uppercase;
}

.m3-card-empty-inner {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 20px;
}



@media (max-width: 1800px) { 
	.recommended-box h3, .yellow-box h3, .blue-box h3 {
		font-size: 28px;
	}
}

@media (max-width: 1300px) { 
	.recommended-box h3, .yellow-box h3, .blue-box h3 {
		font-size: 22px;
	}
}

@media (min-width: 1201px) { 
	.recommended-box {
		height: calc(100% + 30px); 
		margin-top: -30px; 
	}
	
	#lecturer-contact-form-wrap {
		max-width: 70%;
	}
}

@media (max-width: 1200px) { 
	.speakers-grid { 
		grid-template-columns: repeat(3, 1fr); 
	}
	
	.recommended-box h3, .yellow-box h3, .blue-box h3 {
		font-size: 26px;
	}
	
	
} 

@media (max-width: 768px) { 
	.speakers-grid { 
		grid-template-columns: repeat(2, 1fr); 
	} 
} 

@media (max-width: 600px) {
    #m3-submit-wrap {
        flex-direction: column;      /* текстът пада отдолу */
        align-items: flex-start;     /* по избор: ако искаш да е ляво */
        gap: 6px;
    }

    #m3-submit-wrap span {
        white-space: normal;         /* позволява пренасяне */
    }
}

@media (max-width: 480px) { 
	
	.recommended-box h3, .yellow-box h3, .blue-box h3 {
		font-size: 18px;
	}
	.speaker { 
	  min-height: auto;
	} 
	/* .speakers-grid { 
		grid-template-columns: 1fr; 
	}  */
}