/*
Theme Name:   	Paving Traders 2025
Theme URI:    	
Author:       	Andy Ward
Author URI:     https://purplemanchester.co.uk
Template:     	storefront
Description:  	Child theme for the Storefront WooCommerce theme.
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront

/*
 * Add your own custom css below this text.
 */


* {
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-feature-settings: 'lnum';
}

h1,h2,h3, h4,h5, h6, .wc-block-grid__product-title {
	font-weight:800!important;
	color:#73c2b3;
}

h1.product_title{
	font-size:1.8em!important;
}

.widget .widget-title {
	font-weight:800!important;
	color:#73c2b3!important;
}
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=search],
textarea, .input-text {
	width:100%!important;
}
/* Move the WooCommerce Store Notice to the top */
.woocommerce-store-notice {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1499; /* Make sure it's on top of everything */
    background-color: #73c2b3; /* Adjust background color as needed */
    color: #FFF; /* Text color */
    text-align: center;
    padding: 10px 20px;
    font-size: 16px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	font-weight:800!important;
	bottom:unset!important;
}

.woocommerce-store-notice::before {
    display: none !important;
}

/* Push the page content down so it's not hidden under the notice */
@media (max-width: 768px) {
body {
    margin-top: 80px; /* Adjust based on notice height */
}
}
@media (min-width: 769px){
body {
    margin-top: 50px; /* Adjust based on notice height */
}
}

.custom-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Two 50% columns (minus gap) */
.custom-columns .two-col {
  flex: 0 0 calc(50% - 10px);
}

/* 3/4 and 1/4 columns (minus portion of gap) */
.custom-columns .three-fourths {
  flex: 0 0 calc(75% - 10px);
}

.custom-columns .one-fourth {
  flex: 0 0 calc((100% - 60px) / 4); /* subtract total gaps */
}

/* Responsive stacking + centering only where needed */
@media (max-width: 768px) {
  /* Stack all columns full width */
  .custom-columns .two-col,
  .custom-columns .three-fourths,
  .custom-columns .one-fourth {
    flex: 1 1 100%;
    max-width: 100%;
  }

  /* Center content ONLY in three-fourths and one-fourth */
  .custom-columns .three-fourths,
  .custom-columns .one-fourth {
    display: flex;
    flex-direction: column;
    align-items: center;   /* Horizontally center content */
    text-align: center;    /* Center text */
  }
}
/* Desktop only: right-align content in .one-fourth column */
@media (min-width: 769px) {
  .custom-columns .one-fourth {
    display: flex;
    justify-content: flex-end; /* Align content to the right */
    text-align: right;         /* Align text (optional) */
  }
}


.custom-columns.v-center {
  align-items: stretch;
}

.custom-columns.v-center > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}


@media (min-width: 768px) {
    .site-header {
        padding-top: 10px!important;
    }
	.site-header .site-branding {
        margin-bottom: 0px;
    }
}
b, strong {
    font-weight: 800!important;
}

.homepage-cta {
	background:#73c2b3;
	padding:30px;
}
.homepage-cta h2{
	margin:0px!important;
	color:#43454b!important;
}
.homepage-cta h3{
	margin:0px!important;
	color:#FFF!important;
}

.homepage-cta .button {
    background-color: #fff;
    color: #73c2b3;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.homepage-cta .button:hover {
    background-color: #43454b;
    color: #fff;
}
.homepage .woocommerce-loop-category__title{
	font-size:1.2rem!important;
}
.woocommerce-loop-category__title .count {
	font-size:1rem!important;
	color:#999; /* Forces a new line */
}


/* Hide the dismiss (close) button */
.woocommerce-store-notice__dismiss-link {
    display: none !important;
}
.widget_nav_menu ul li {
	padding-left:0px;
}
.widget_nav_menu ul li::before {
    content: none!important;
}
.termly-styles-logo-cc6217 {
	display:none!important;
}

.site-header ul.menu li.current-menu-item > a {
    color: #73c2b3;
}
.storefront-breadcrumb {
	margin-bottom: 0px;
}
.main-navigation ul li a:focus, .secondary-navigation ul li a:focus{
	outline: none;
    border: none;
}