/*!
Theme Name: pakurduschoolshop
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pakurduschoolshop
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

pakurduschoolshop is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body{overflow-x:hidden;}

.site-header {
	background-color: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.list-group-item{cursor:pointer}
body{width:100% !important;}	

/* Header Icons Styling */




	.header-icon:hover {
		color: #0071a1;
	}

/* Cart Count Badge */
.cart-count {
	position: absolute;
	top: -5px;
	right: -10px;
	background-color: #ff0000;
	color: #fff;
	font-size: 12px;
	padding: 2px 6px;
	border-radius: 50%;
}

/* Mobile Toggle Button */
.menu-toggle {
	background: none;
	border: none;
	font-size: 24px;
	color: #333;
	cursor: pointer;
}



.page-title {
	background-color: #dce8db !important;
	padding: 2rem 0;
	color: #666666 !important;
	border-top: solid 3px #006400 !important;
}


	.page-title h1 {
		padding: 0;
		margin: 0;
		line-height: 1;
		font-weight: 600;
		letter-spacing: 1px;
		color: #333;
		font-size: 2rem;
		color: #666666 !important;
	}



#ship-to-different-address, .woocommerce-shipping-fields {
    display: none !important;
}

.shop-image img{
	width:100%;
}

.badge-pill {
    color: #fff;
    background-color: #006400 !important;
}

.list-group-item a{
	color:#006400 !important;
	text-decoration:none !important;
}

.list-group{
	margin:0px;
}

.cat-btn{
	width:100%;
	background-color:white !important;
	color:#006400;
	border: 1px solid #006400;
	margin-bottom:20px;
}

.cat-btn:hover{
	width:100%;
	background-color:white !important;
	color:#006400;
	border: 1px solid #006400 !important;
	margin-bottom:20px;
}

.fa-caret-down{
	margin-left:15px;
}

.cart-bar{
	background-color:#006400;
	padding:20px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.chng{
	color:#ffffff;
	font-size:24px;
}

.fa-shop{
	margin-left:15px;
}

.breadcrumb{
	margin-bottom:0px !important;
}

.breadcrumb li a{
	color:#ffffff !important;
}

.breadcrumb-item.active{
	color:#ffffff;
}

.top{
	margin-top:50px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
	color:#006400 !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: #555555;
}

.woocommerce ul.products li.product .button{
	background-color:#006400;
	color:#ffffff;
}

.woocommerce ul.products li.product .button:before{
	display: inline-block;
   font-family: FontAwesome;
   float: left;
   content: "\f07a";
   font-weight: 300;
   margin-right: 1em; 
}

.woocommerce button.button:before{
		display: inline-block;
   font-family: FontAwesome;
   float: left;
   content: "\f07a";
   font-weight: 300;
   margin-right: 1em; 
}

.woocommerce button.button{
	background-color:#006400 !important;
	color:#ffffff;
}

/* Ensure each product item has the same height */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
   height:60px;
}

.cart-header-icon{
	position:relative;
	margin-left:10px;
}

.clr{
	color:#006400 !important;
}

.cart-count{
	background-color:#ff0000;
	height:15px;
	width:15px;
	color:#fff;
	display: flex;
    align-items: center;
    justify-content: center;position: absolute;
    top: -8px;
}

.main-navigation{
	margin-left:20px;
}

.custom-logo{max-height:75px;width:auto;}

@media only screen and (max-width: 801px) {
#mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
        background: #222;
        padding: 0px 0px 0px 0px;
        display: none;
        position: absolute;
        width: auto;
        z-index: 9999999;
        right: 0 !important;
}
}

.posted_in a{
	color:#666666 !important;
}

.woocommerce .woocommerce-breadcrumb {
	margin-bottom:0px;
}

.category-name{
	font-size: 2rem;
	font-weight:600;
}

.woocommerce-breadcrumb a{
	color:#666666;
}


/* CSS to make the whole li clickable */
.stretched-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

/* Align thumbnail + title on one line inside the label cell */
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label .grouped-label-wrap{
  display:flex; align-items:center; gap:.5rem;
}
.grouped-product-thumb img{
  width:40px; height:40px; object-fit:cover; border-radius:4px; display:block;
}

/* IQRA Private School style fixes and light polish
   These rules keep the original layout intact and only repair/color existing elements. */
:root {
	--iqra-teal: #244f5a;
	--iqra-teal-dark: #183f49;
	--iqra-gold: #f5b33f;
	--iqra-soft: #eef7f8;
	--iqra-border: rgba(36, 79, 90, 0.18);
}

.site-header {
	border-top: 6px solid var(--iqra-teal-dark);
	border-bottom-color: var(--iqra-border);
	box-shadow: 0 2px 12px rgba(24, 63, 73, 0.06);
}

.header-icon:hover,
.clr,
.list-group-item a,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-breadcrumb a,
.posted_in a {
	color: var(--iqra-teal) !important;
}

.page-title {
	background-color: var(--iqra-soft) !important;
	border-top-color: var(--iqra-gold) !important;
}

.page-title h1,
.category-name {
	color: var(--iqra-teal-dark) !important;
}

.badge-pill,
.cart-bar,
.woocommerce ul.products li.product .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background-color: var(--iqra-teal) !important;
	border-color: var(--iqra-teal) !important;
	color: #ffffff !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background-color: var(--iqra-teal-dark) !important;
	border-color: var(--iqra-teal-dark) !important;
	color: #ffffff !important;
}

.list-group-item {
	border-color: #d8e2e5;
}

.list-group-item:hover {
	background-color: #f7fbfb;
}

.cat-btn,
.cat-btn:hover {
	color: var(--iqra-teal) !important;
	border-color: var(--iqra-teal) !important;
}

.cart-count {
	background-color: var(--iqra-gold) !important;
	color: var(--iqra-teal-dark) !important;
	font-weight: 700;
}

.site-footer.iqra-footer {
	margin-top: 50px;
	padding: 34px 0 18px;
	background: var(--iqra-teal-dark);
	color: #ffffff;
	border-top: 4px solid var(--iqra-gold);
}

.iqra-footer a,
.iqra-footer a:visited {
	color: #ffffff;
	text-decoration: none;
}

.iqra-footer a:hover {
	color: var(--iqra-gold);
	text-decoration: underline;
}

.iqra-footer-title {
	font-size: 1.1rem;
	font-weight: 700;
	margin-bottom: 8px;
}

.iqra-footer-text,
.iqra-footer-copy {
	margin: 0;
	color: rgba(255, 255, 255, 0.82);
}

.iqra-footer-links {
	display: flex;
	justify-content: flex-end;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	.iqra-footer,
	.iqra-footer .text-md-end {
		text-align: center !important;
	}
	.iqra-footer-links {
		justify-content: center;
		margin-top: 18px;
	}
}