/*
Theme Name: kitchenhandy
Theme URI: https://peregrine-themes.com/bloghash
Template: bloghash
Author: Peregrine themes
Author URI: https://peregrine-themes.com/
Description: BlogHash is the perfect pick for bloggers seeking a lightweight, customizable theme that suits them just right. With plenty of options to adjust colors and typography, making your site unique is a breeze. It's SEO friendly and fully compatible with WPML, Gutenberg, Elementor, WooCommerce, and supports translation and RTL. Live preview: https://peregrine-themes.com/bloghash/#demos.
Tags: two-columns,right-sidebar,left-sidebar,footer-widgets,blog,news,entertainment,custom-background,custom-menu,custom-logo,post-formats,sticky-post,editor-style,threaded-comments,translation-ready,custom-colors,featured-images,full-width-template,microformats,theme-options,flexible-header,wide-blocks
Version: 1.0.27.1769589188
Updated: 2026-01-28 08:33:08

*/
.single-post .entry-content p, .single-post .entry-content li {
    font-size: 2.2rem !important;
    line-height: 2.5em !important;
}

.site-main-header-wrap {
    background: var(--global-palette1);
}
@media screen and (min-width: 1025px) {
    .has-sidebar .content-container {
        grid-gap: 20px;
    }
}
.content-container li:not(ul li):not(ol li) {
    margin-left: 5% !important;
}

.sidebar-inner-wrap {
    background: #ffffff;
}

/*** archive started ****/
body.archive.category .grid-cols {
    -webkit-column-gap:1rem;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
    row-gap: 1rem !important;
}
body.archive.category .loop-entry .entry-content-wrap {
    padding: 2rem 1rem;
    line-height: 1.8rem;
	text-align: center;
}
.pagination {
    display: flex;
    justify-content: center;
}
/*** archive endded ****/
.srp-post-thumb {
    background-image: url(https://kitchenstutor.com/wp-content/uploads/2026/01/kitchenstutor-icon.png) !important;
    margin: 0 auto;
}



/*** general table css 


table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: sans-serif;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

th,
td {
  padding: 12px 15px;
  border: 1px solid #ddd;
  text-align: left;
}

th {
  background-color: #009879;
  color: white;
  text-transform: uppercase;
}

tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

tbody tr:last-of-type {
  border-bottom: 2px solid #009879;
}

tbody tr:hover {
  color: #009879;
}
 ****/



/***table Css Start *****/

table.comparison-table a.check-price-btn {
    line-height: 1.8rem  !important;
    font-size: 18px !important;
    display: inline-block  !important;
    background: #ff9900  !important;
    color: #fff  !important;
    padding: 4px 20px !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    text-decoration: none  !important;
    transition: background 0.3s ease;
    box-shadow: 0 4px 8px rgba(255, 153, 0, 0.4) !important;
    white-space: nowrap;
}
table.comparison-table li {
    line-height: 1.6rem;
}
table.comparison-table{
	line-height: normal !important;
}
.comparison-table tr td:nth-child(2){
	font-size: 18px !important;
	font-weight: 600 !important;
}
.comparison-table tr td:nth-child(3) li::marker{
    content: '✔ ';
	color: green;
	font-weight: 900;
}

/***counter started ****/

.comparison-table tbody tr {
  counter-increment: rowNumber;
}

.comparison-table td {
  padding: 10px;
  border: 1px solid #ddd;
  position: relative;
}
.comparison-table td:nth-child(1) img {
    margin-top: 15px !important;
}
/* Default for all rows: just the number */
.comparison-table td:nth-child(1)::before {
  content: '#' counter(rowNumber) !important;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(135deg, #42d392, #2a7a44);
  color: white;
  font-weight: 500;
	font-size: 16px;
  padding: 4px 10px 4px 5px !important;
	margin: 0 auto !important;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
  border-radius: 4px 0 0 4px;
	max-width: 100%;
	white-space: nowrap;
}

/* Special labels + colors for first 3 rows */

.comparison-table tbody tr:nth-child(1) td:nth-child(1)::before {
  content: "#1 Top Pick" !important;
  background: linear-gradient(135deg, #ff6ec4, #7873f5);
  color: white;
  box-shadow: 0 0 10px #ff6ec4aa;
		padding-right: 20px !important;
}

.comparison-table tbody tr:nth-child(2) td:nth-child(1)::before {
  content: "#2 Runner Up" !important;
  background: linear-gradient(135deg, #42d392, #2a7a44);
  color: white;
  box-shadow: 0 0 10px #42d392aa;
	padding-right: 20px !important;
}

.comparison-table tbody tr:nth-child(3) td:nth-child(1)::before {
  content: "#2 BudgetPick" !important;
  background: linear-gradient(135deg, #ffbd69, #f2902f);
  color: white;
  box-shadow: 0 0 10px #ffbd69aa;
	font-size: 14px;
	padding-right: 20px !important;
}

/* Highlight entire row for picks with subtle pastel backgrounds */
.comparison-table tbody tr:nth-child(1) {
  background: #fbe9ff !important;
}

.comparison-table tbody tr:nth-child(2) {
  background: #e6f8f2 !important;
}

.comparison-table tbody tr:nth-child(3) {
  background: #fff8e1 !important;
}

/* Responsive: On smaller screens stack cells */
.comparison-table @media (max-width: 720px) {
  table, thead, tbody, th, td, tr {
    display: block;
		text-align: center !important;
		max-width: 100%;
  }
.comparison-table thead tr {
    display: none;
  }

.comparison-table tbody tr {
        margin-bottom: 1.5rem;
        border-radius: 12px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        padding: 15px;
        display: flex
;
        flex-direction: column;
        align-items: center;
    }
 .comparison-table td:nth-child(1)::before {
	 left: -85px !important;
	}
	
.comparison-table td {
    border: 0px !important;
    padding: 10px 0;
    position: relative;
    padding-left: 50%;
  }
}
  /**** table end ****/


/****products box*****/

/* Base product-box setup */
.product-box {
  position: relative;
  overflow: hidden;
}
/* Base ribbon style */
.product-box::before {
  position: absolute !important;
  top: 10px !important;
  right: -50px !important;
  width: 160px !important;
  text-align: center !important;
  transform: rotate(50deg) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: white !important;
  background: #000 !important;
  padding: 4px 0 !important;
  z-index: 10 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
}

/* Top Pick (adjust number as needed) */
.product-box:nth-of-type(3)::before {
  content: "Top Pick" !important;
  background: #6c5ce7 !important;
}

/* Budget Pick */
.product-box:nth-of-type(4)::before {
  content: "Runner Up" !important;
  background: #00b894 !important;
}

/* Most Popular */
.product-box:nth-of-type(5)::before {
  content: "Budget Pic" !important;
  background: #fdcb6e !important;
  color: #222 !important;
}

.product-box:nth-of-type(3) {
  background: #fbe9ff29 !important;
}

.product-box:nth-of-type(4) {
  background: #e6f8f229 !important;
}

.product-box:nth-of-type(5) {
  background: #fff8e129 !important;
}


.product-box {
	box-shadow: 0 4px 8px rgba(255, 153, 0, 0.4) !important;
	padding: 15px;
	border-radius: 15px
}
.product-box h3::before {
    content: "# ";
    font-weight: bold;
    color: #FF7F50;
}

.product-box h3 {
  font-size: 2.4rem;
  margin: 1.2rem 0 0.5rem;
  color: #2e2e2e;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  color: #5c28c0;
  transition: color 0.3s ease, text-decoration 0.3s ease;
  display: inline-block;
}
.product-box>h3:hover {
  color: #5c28c0;
  text-decoration: underline;
}

/* pros cons start ****/

.pros,
.cons {
  width: 48%;
  padding: 15px;
  border-radius: 8px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  box-sizing: border-box;
}

/* Background colors */
.pros {
  background-color: #e6f7ec; /* light green shade */
}

.cons {
  background-color: #ffecec; /* light red/pink shade */
  margin-right: 0;
}

/* Responsive: stack on smaller screens */
@media (max-width: 768px) {
  .pros,
  .cons {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}





/*ideas Post CSS start ****/

.ideas-box {
    background: #e7e7e729;
    padding: 10px;
	margin: 10px 0px;
	border-radius: 7px;
}

/*ideas Post CSS end ****/

