/*
 Theme Name:   afkm Child
 Author:       CoMedia Group Ltd
 Template:     blocksy
 Text Domain:  afkm-child
*/

:root {
  --menu-indent-color: #ffffff ;
  --header-red: #d91717;
  --menu-text: #ffffff;
  --theme-palette-color-7: #ffffff
}

/* רקע ההדר הרגיל */
.ct-header {
  background-color: #d11212 ;
  border-bottom: 1px solid #eeeeee;
}

body .menu{
    a::after{
        display: none;
    }
}

/* צבע הטקסט בתפריט */
header [data-id*="menu"] .menu-item > a {
  color: var(--menu-indent-color) ;
}

/* עמוד פעיל בתפריט */
body .header-menu-1 .menu-item.current-menu-item > a,
body .header-menu-1 .menu-item.current_page_item > a,
body .header-menu-1 .menu-item.current-menu-ancestor > a {
  color: #ffffff ;
  opacity: 1 ;
  border-bottom: none ;
}

/**************************/
/*** S T I C K Y  H E A D E R ***/
/**************************/

body header[data-sticky*="active"] [data-row="middle"],
body .ct-sticky-container [data-sticky] [data-row="middle"],
body div[data-sticky="fixed:shrink"] [data-row="middle"] {
  background-color: #d11212 !important;
}

/* ודוא שהקונטיינר הפנימי לא נשאר לבן */
body header[data-sticky*="active"] .ct-container {
  background-color: #d11212 ;
}

/**************************/
/*** I N D I C A T O R (Arrow) ***/
/**************************/

/* החלפת החץ למשולש לבן */
body .ct-header .ct-indicator svg path {
  display: none ;
}

body .ct-header .ct-indicator svg {
  background-color: #ffffff ;
  clip-path: polygon(100% 0%, 0% 0%, 50% 100%) ;
  width: 8px ;
  height: 6px ;
  display: inline-block ;
}

/**************************/
/*** G E N E R A L  S T Y L E ***/
/**************************/

body article.page {
  max-width: initial;
  margin: 0;
  padding: 0;
  width: 100%;
  & .wp-block-columns {
    max-width: var(--theme-normal-container-max-width);
    margin: 0 auto;
    &.malki-full-width-section {
      max-width: inherit;
	  padding-top: 100px;
	  padding-bottom: 100px;   	
      & .wp-block-column {
        max-width: var(--theme-normal-container-max-width);
        margin: 0 auto;
      }
    }
  }
}
.entry-header h1.page-title{
  font-size: 64px;
}
body.page{
  .ct-container-full{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .hero-section{
    display: none;
  }
}
body.page header.entry-header {
  display: none;
}
.single .entry-header h1.page-title{
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: capitalize;	
}

.entry-header h1.page-title,
.entry-header h2.page-title,
.entry-header h3.page-title{
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.single p{
	line-height: 24px;
	font-family: var(--body-font-family);
}
.text-box .body{
	font-family: var(--body-font-family);
}

[data-prefix="blog"] .entries {
  gap: 40px ;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
  article{
    grid-column: initial;
    grid-row: initial;
  }
}







/* 2. עיצוב ה-Header וה-Sticky */
header#header, 
[data-row="middle"],
.ct-sticky-container [data-sticky] [data-row="middle"] {
    background-color: var(--header-red) ;
}

[data-header*="type-1"] .ct-header [data-sticky*="yes"] [data-id="menu"] .sub-menu {
    --sticky-state-dropdown-top-offset: -50px;
}

/* 3. צבע הטקסט בתפריט */
.header-menu-1 .menu-item > a {
    color: var(--menu-text) ;
    opacity: 1 ;
}

/* 4. עמוד פעיל וסימון */
.header-menu-1 .menu-item.current-menu-item > a,
.header-menu-1 .menu-item.current_page_item > a {
    border-bottom: 2px solid var(--header-red) ;
}

/* 5. פתרון "נשק יום הדין" למשולש (Indicator) */
.ct-indicator svg {
    display: none ;
}

.ct-indicator::before {
    content: '▼' ;
    color: white ;
    font-size: 9px ;
    display: inline-block ;
    vertical-align: middle;
    transition: transform 0.2s ease;
}

/* היפוך המשולש כשהתפריט נפתח */
.menu-item-has-children:hover > a .ct-indicator::before {
    transform: rotate(180deg) ;
}

/* 6. התאמות עיצוב כלליות לאתר AFKM */
h1, h2, h3 {
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.entries {
    gap: 40px ;
}

.wp-block-button.malki--white-button:hover{
	background-color: #f2f3f6 !important;
}


/****  F O R M S   *****/
/* עיצוב כללי של הטופס */
.malki--contact-form {
    width: 100%;
    max-width: 1224px; /* מתואם לרוחב האתר שהגדרנו */
}

/* עיצוב ה-Label (כותרת השדה) */
.malki--contact-form .wpforms-field-label {
    font-weight: 400 !important;
    font-size: 16px;
    color: #000000;
    margin-bottom: 8px !important;
    display: block;
}

/* עיצוב שדות הקלט (Input) ותיבת הטקסט */

.malki--contact-form input[type="text"], 
.malki--contact-form input[type="email"], 
.malki--contact-form textarea{
    background-color: #f2f3f7 !important; /* רקע אפור בהיר */
    border: none;
    border-radius: 0px !important;         /* מראה מרובע ונקי */
    padding: 15px 20px !important;         /* ריווח פנימי */
    width: 100% !important;                /* רוחב אחיד */
    color: rgb(53, 53, 53) !important;
/*	color: #FFF !important;*/
    font-size: 15px !important;
    box-shadow: none !important;           /* ביטול צל של דפדפנים */
}

/* עיצוב ה-Placeholder (הטקסט בתוך השדה) */
.malki--contact-form input::placeholder,
.malki--contact-form textarea::placeholder {
	color: rgb(53, 53, 53) !important;
    opacity: 1; 
	font-weight: 300;
}

/* אפקט פוקוס - כשלוחצים על השדה */
.malki--contact-form input:focus,
.malki--contact-form textarea:focus {
    background-color: #ebedf0 !important;  /* הכהיה קלה בלחציה */
    outline: none !important;
}

div.malki--contact-form.wpforms-container-full button[type=submit]{
	background-color: #403360 !important;
	color: #ffffff !important;
    border: none !important;
    padding: 12px 30px !important;
    text-transform: uppercase;
    font-weight: 400;
    cursor: pointer;
    transition: background 0.3s ease;
}

div.wpforms-container-full button[type=submit]:hover{
	background-color: #3d2767; !important;
}


/*** P O S T S   *****/
.entry-card .boundless-image img{
	max-height: 358px;
}

.entry-header .entry-meta .reading-time-meta{
	text-transform: lowercase;
}

img.attachment-full.size-full.wp-post-image{
	width: 503px;
}

[data-prefix="single_blog_post"] [class*="ct-container"] > article[class*="post"]{
	width: 950px;
	max-width: 950px;
}

.malkii-prgrph-padding{
	padding-bottom: 60px !important;
	padding-right: 30%;
}


@media only screen and (max-width: 1000px){
	
	[class*=ct-toggle] svg.ct-icon{
		fill: #FFF ;
	}
	
	#main-container .site-main [data-vertical-spacing*=top]{
		padding-top: 0;
	}
	
	.malki--mobile-padding{
		padding: 40px 0;
	}
	
	[data-prefix="single_blog_post"] [class*="ct-container"] > article[class*="post"]{
		width: 95vw;
		max-width: 95vw;
	}
	
	[data-header*="type-1"] [data-id="trigger"]{
		--theme-icon-size: 25px;
	}
	
	.ct-panel-content{
		background-color: var(--theme-palette-color-9);
	}
	
	[data-header*="type-1"] [data-id="mobile-menu"]{
		--theme-link-hover-color: #FFF;
	}

	body article.page {
    	& .entry-content {
        h1{
          margin-bottom: 0px !important;
        }
        & > .wp-block-columns {
        padding-left: 20px;
        padding-right: 20px;
        .wp-block-column{
          padding-right: 0px !important;
        }
        	&.malki-full-width-section {
            padding-top: 50px;
            padding-bottom: 50px;  
      	}
    	}
  	}
  }
	

	.malkii-prgrph-padding{
		padding-bottom: 60px !important;
		padding-right: 0;
	}

	.wp-block-buttons>.wp-block-button{
		margin-top: 40px;	
	}
	
	.wp-block-image.malki--partners-img img{
		max-width: 60%;	
		margin-bottom: 20px;
	}

  .malki-custom-imagecols img {
    height: auto !important;
    width: 100% !important;
  }
	
	[data-prefix="blog"] .entries {    
    grid-template-columns: repeat(1, 1fr);    
  }

/*	[data-prefix="blog"] .entries {
  		gap: 40px ;
  		grid-template-columns: repeat(1, 1fr);
  		display: grid;
	}*/

}