/*
Theme Name: Recipe Blogz Child
Template: recipe-blogz
*/

/* Change all buttons */
button, .button, .wp-block-button__link, .wp-block-search__button, .wp-element-button, .wprm-recipe-link.wprm-recipe-link-button, .wprm-recipe-link.wprm-recipe-link-inline-button, .wprm-recipe-link.wprm-recipe-link-wide-button, .comment-respond .comment-form input[type="submit"]{
    background-color: #ffc5d9 !Important;
    color: #ffffff; 
    border: none;
}
a.btn-default {
    font-weight: normal;
    background-color: #ffc5d9;
    color: #fff;
    cursor: pointer;
    padding: 9px 28px;
    border-radius: 0px !important;
    display: inline-block;
    border: none;
    text-transform: uppercase;
}

/* Target the main post and page titles */
.entry-title, 
.page-title, 
h1 {
    font-size: 3.5rem !important;
	  font-weight: 800 !important;
    line-height: 1.2 !important;
    display: block !important;
}

/* Target headers inside your recipe content */
.site-main h2, 
.entry-content h2 {
    font-size: 2.7rem !important;
    margin-top: 1.5em !important;
    font-weight: 700 !important;
}

/* Target smaller subheaders */
.entry-content h3, 
h3 {
    font-size: 2.5 rem !important;
}

/* Keep the Recipe Card Title large and prominent */
.wprm-recipe-name, 
h2.wprm-recipe-name {
    font-size: 3.5rem !important; 
    font-weight: 800 !important;
    line-height: 1.1 !important;
    margin-bottom: 15px !important;
}

/* Adjust the Recipe Card section headers (Ingredients, Instructions) */
.wprm-recipe-header {
    font-size: 2.5rem !important;
		font-weight: 900 !Important;
    color: #FFC5D9 !important; /* Using your brand pink for recipe sections */
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* This only affects the titles in your Sidebar */
#secondary .widget-title, 
#secondary h2 {
    font-size: 1.5rem !important; /* Smaller, cleaner size for the sidebar */
    font-weight: 600 !important;
    text-transform: uppercase;   /* Optional: makes sidebar titles look "organized" */
    letter-spacing: 1px;
    margin-bottom: 15px !important;
}

/* Remove the large top gap in Kadence Info Boxes */
.wp-block-kadence-infobox h2.kt-blocks-info-box-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
    line-height: 1.2 !important;
}

/* Optional: Adjust the space between the title and the description inside the box */
.kt-blocks-info-box-title {
    margin-bottom: 10px !important;
}

/* Increase body text size site-wide */
body, 
p, 
li, 
.entry-content, 
.kt-blocks-info-box-text {
    font-size: 1.8rem !important; /* Adjust this number to your liking */
    line-height: 1.5 !important;   /* Adds more space between lines for readability */
}

	/* Fix for stretched WP Recipe Maker images */
.wprm-recipe-image, 
.wprm-recipe-image img, 
.wprm-recipe-method-step-image img {
    height: auto !important;
    width: 100% !important;
    max-width: 100%;
    display: block;
}

/* Shrink the About Me image in the sidebar */
#secondary .widget img {
    max-width: 100px; /* Adjust this number (e.g., 100px to 200px) */
    height: auto;
    display: block;
    margin: 0 auto 15px auto; /* Centers the image and adds space below it */
}

/* Make the header logo bigger */
.site-logo img {
    max-width: 100px !important; /* Increase this number as needed */
    width: 100% !important;
    height: auto !important;
}

/* Ensure the container allows for a larger logo */
.site-logo {
    flex: 0 0 auto;
    margin-bottom: 15px;
}

/* Hide the Site Title and Description text from the header */
.site-title-wrap {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

/* Ensure the logo stays centered or properly aligned after hiding text */
.site-logo {
    display: flex;
    align-items: center;
}


/* Yoast FAQ Block Styling */
.schema-faq {
    background-color: #FFFFFF;
    border-left: 4px solid #c2f2d0;
    border-radius: 6px;
    padding: 20px 24px;
    margin: 32px 0;
}

.schema-faq-section {
    border-bottom: 1px solid #ffc5d9;
    padding-bottom: 16px;
    margin-bottom: 16px;
}

.schema-faq-section:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.schema-faq-question {
    color: #6b3e26;
    font-weight: 700;
    font-size: 1.05em;
    margin-bottom: 8px;
}

.schema-faq-answer {
    color: #6b3e26;
    line-height: 1.6;
}

/* ── Category Icon Bar ── */
.category-icons-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  padding: 28px 16px;
  background-color: #ffffff;      /* match your theme background */
  border-bottom: 1px solid #eee;
  margin-bottom: 32px;
}

.cat-icon-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #ffc5d9;                  /* adjust to your theme's text color */
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  transition: transform 0.2s ease, color 0.2s ease;
}

.cat-icon-link:hover {
  transform: translateY(-4px);
  color: #c2f2d0;               /* swap in your theme's accent color */
}

.cat-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
  object-fit: contain;
}

.cat-icon-link:hover .cat-icon-wrap {
  background-color: #fde8e0;
}

/* Override Montserrat globally */
body,
p, li, span, div,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.entry-title, .page-title,
.header-navigation li a,
.wprm-recipe-template-chic,
.wprm-recipe-template-chic p,
.wprm-recipe-template-chic li,
.wprm-recipe-template-chic .wprm-recipe-header,
.wprm-recipe-template-chic .wprm-recipe-name,
p.site-title a {
    font-family: 'Helvetica', sans-serif !important;
}

/* Link color overrides */
a,
a:link {
    color: #FFC5D9 !important;
}
a:visited {
    color: #6b3e26 !important;
}
a:hover,
a:focus,
a:active {
    color: #f73e7e !important;
}