/*
Theme Name: Cyndtek
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cyndtek
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.1em;
}

select,
input {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
}

strong {
  font-weight: 600;
  /* color: var(--wp--preset--color--accent-3); */
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wc-block-components-product-summary h1,
.wc-block-components-product-summary h2,
.wc-block-components-product-summary h3,
.wc-block-components-product-summary h4,
.wc-block-components-product-summary h5,
.wc-block-components-product-summary h6 {
  color: var(--wp--preset--color--accent-3);
}

.wc-block-components-product-summary h1,
.wc-block-components-product-summary h2,
.wc-block-components-product-summary h3,
.wc-block-components-product-summary h4,
.wc-block-components-product-summary h5,
.wc-block-components-product-summary h6 {
  margin: 0;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation
  .wp-block-navigation-submenu
  .wp-block-navigation-item:not(:last-child) {
  margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation
  .wp-block-navigation-item
  .wp-block-navigation-item__content {
  outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation
  .wp-block-navigation-item
  ul.wp-block-navigation__submenu-container
  .wp-block-navigation-item__content {
  outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
  text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
  display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
  overflow-x: auto;
}

/* Mobile navigation below 980px */
@media (max-width: 979px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}

	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
}

/* Desktop navigation from 980px */
@media (min-width: 980px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block;
	}

	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none;
	}

	.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
		top: calc(100% + 12px);
	}
	.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container::before {
		content: '';
		position: absolute;
		top: -12px;
		height: 12px;
		width: 100%;
	}
}

@media (max-width: 600px) {
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
    padding-left: 0;
    padding-right: 0;
  }
  .mobile-reverse {
    flex-flow: column-reverse;
  }
	
	:where(.wp-block-search .wp-block-search__input) {
		color: var(--wp--preset--color--contrast) !important;
	}
	:root :where(.wp-block-search .wp-block-search__input),
	:root :where(.wp-block-search .wp-block-search__label, .wp-block-search .wp-block-search__input, .wp-block-search .wp-block-search__button) {
		padding-left: 1rem;
		padding-right: 1rem;
		margin-left: 0;
	}
	
}

#transparent-header {
	transition: background-color 0.25s ease;
}

body.header-transparent:not(.woocommerce-cart, .woocommerce-order-received, .search-results) #transparent-header {
	background: transparent !important;
}

.page-id-2692 .wp-block-media-text__media img {
  max-width: 150px;
}
.page-id-2704 main.has-global-padding {
  margin-bottom: 0 !important;
}
.page-id-2704 footer.wp-block-template-part {
  margin-top: 0 !important;
}

/* Social Links Block */

.wp-social-link-ebay svg {
  width: 1.5em !important;
}

.woocommerce div.product {
  margin-top: 0;
}

/* Breadcrumbs */

.wp-block-cover .woocommerce-breadcrumb {
  text-align: center;
  opacity: 0.5;
}

.wp-block-breadcrumbs ol {
  justify-content: center;
}

/* Filter button */

:where(.wc-block-product-filters) .wc-block-product-filters__open-overlay,
.wc-block-product-filters__apply.wp-element-button {
  padding: 15px;
  width: 100%;
  justify-content: center;
  background: linear-gradient(0deg,rgb(46,77,110) 0%,rgba(46,77,110,0.86) 100%);
  color: var(--wp--preset--color--accent-4);
  border-radius: 100px;
}

:where(.wc-block-product-filters) .wc-block-product-filters__overlay-content {
	padding-top: 30px;
	padding-bottom: 30px;
}

/* Sort By */

.woocommerce.wc-block-catalog-sorting .woocommerce-ordering {
  display: flex;
  align-items: center;
  gap: 10px;
	margin-bottom: 0;
}
.woocommerce.wc-block-catalog-sorting select.orderby {
  border: #ccc 1px solid;
  padding: 2px 6px 4px;
  border-radius: 5px;
}
.woocommerce .woocommerce-ordering > label {
  margin: 0;
}

/* Gallery */

.wp-block-gallery.has-nested-images:not(.is-cropped)
  figure.wp-block-image:not(#individual-image) {
  margin-top: auto;
}

/* Category Links */

.product-categories-full .wp-block-column:last-child {
	display: flex;
	flex-flow: column;
}
.product-categories-full .wp-block-column:last-child .wp-block-group:last-child {
	margin-top: auto;
}

.category-links-5 h2 {
	margin: 0 !important;	
}
.category-links-5 h2 a {
	display: block;
	padding: 0 0 var(--wp--preset--spacing--30) !important;
}
@media (min-width: 782px) {
  .category-links-5 > .wp-block-group:hover {
    border-color: var(--wp--preset--color--accent-3) !important;
	background: linear-gradient(0deg,rgba(46,77,110,0.21) 0%,rgb(243,245,245) 12%) !important;
  }
		
}

/* Terms Query */

.wp-block-term-template .taxonomy-product_brand a {
  text-decoration: none;
  display: block;
  padding: 20px 0;
}

.brand-carousel {
  --brand-carousel-gap: var(--wp--preset--spacing--30);
  overflow: hidden;
}

.brand-carousel .wp-block-term-template {
  display: flex !important;
  gap: var(--brand-carousel-gap);
  list-style: none;
  margin-left: 0;
  padding: 0;
}

.brand-carousel .wp-block-term {
  flex: 0 0 calc((100% - (var(--brand-carousel-gap) * 4)) / 5);
  min-width: 0;
  padding: 0;
}

.brand-carousel-nav {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: center;
}

.brand-carousel__prev,
.brand-carousel__next {
  background: none;
  border: 0;
  cursor: pointer;
  line-height: 0;
  padding: 0;
}

.brand-carousel__prev img,
.brand-carousel__next img {
  display: block;
  height: 40px;
  width: 40px;
}

.brand-carousel__prev:disabled,
.brand-carousel__next:disabled {
  cursor: default;
  opacity: 0.45;
}

.brand-carousel__dots {
  align-items: center;
  display: flex;
  gap: 8px;
}

.brand-carousel__dot {
  appearance: none;
  background: #2e4d6e;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  height: 8px;
  opacity: 0.3;
  padding: 0;
  width: 8px;
}

.brand-carousel__dot.is-active {
  opacity: 1;
}

@media (max-width: 1100px) {
  .brand-carousel .wp-block-term {
    flex-basis: calc((100% - (var(--brand-carousel-gap) * 3)) / 4);
  }
}

@media (max-width: 781px) {
  .brand-carousel .wp-block-term {
    flex-basis: calc((100% - var(--brand-carousel-gap)) / 2);
  }
	
	#home-cover {
	background: var(--wp--preset--color--accent-3);
}
	#home-cover .wp-block-cover__image-background {
		display: none;
	}
	#home-cover h1.wp-block-heading {
		font-size: var(--wp--preset--font-size--x-large) !important;
		text-align: center;
	}
	#home-cover h2.wp-block-heading {
		font-size: var(--wp--preset--font-size--medium) !important;
		text-align: center;
	}
	#home-cover .wp-block-group {
		justify-content: center;
	}
	#home-cover .wp-block-gallery {
		gap: var(--wp--preset--spacing--30);
	}

	.wp-block-navigation .wp-block-navigation-item {
		flex-flow: wrap;
	}
	.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
		width: 100% !important;
		flex-basis: 100% !important;
		position: static !important;
		margin-top: 15px !important;
	}
	
	.wc-block-product-filters.wp-block-woocommerce-product-filters {
		width: 100%;
	}

}

/* Pagination */

.wp-block-query-pagination-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers span {
  display: block;
  text-decoration: none;
  border: var(--wp--preset--color--accent-3) 1px solid;
  padding: 2px 12px;
}

.wp-block-query-pagination-numbers a:hover,
.wp-block-query-pagination-numbers span {
  background-color: var(--wp--preset--color--accent-3);
  color: #fff;
}

/* Tabs */

html
  body
  .wp-block-woocommerce-product-details.is-style-minimal
  ul.tabs.wc-tabs
  li.active
  a,
html
  body
  .wp-block-woocommerce-product-details.is-style-minimal
  ul.tabs.wc-tabs
  li:focus-within
  a,
html
  body
  .wp-block-woocommerce-product-details.is-style-minimal
  ul.tabs.wc-tabs
  li:hover
  a {
  color: var(--wp--preset--color--accent-3);
}

.woocommerce div.product .woocommerce-tabs .panel {
  margin-bottom: 0;
}