/*
Theme Name:     QuirkiConnect
Description:    A custom child theme for Quirki Connect.
Author:         Quirki
Template:       bearded-master

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)

*/

#header {
	padding-top: 3em !important;
	margin-bottom: 1em !important;
}

#main {
	background: #eaeaea !important;
	
}

.woocommerce .woocommerce-products-header__title.page-title,
.woocommerce .entry-header .entry-title {
  margin: 0.5em 0 1.5em 0 !important;
}


.singular-product .product {
	padding-top: 0 !important;
}

.woocommerce-result-count, .woocommerce-ordering, .add_to_cart_button.button, .product_type_variable.button, .product-actions, .product-cat, .product_meta, .woocommerce-tabs, .show-for-large, .show-for-large-up, .woocommerce-product-gallery__trigger, .woocommerce-message.woocommerce-message--reset_variations, .woocommerce div.product .quantity label, .woocommerce div.product .product-custom-label,  .reset_variations_alert, .woocommerce-breadcrumb {
	display: none !important;
}

.variations {
	background: transparent !important;
}

.single_variation_wrap {
	padding-top: 1.5em !important;
}

tr:last-child td.value {
	height: 47.2px !important;
}

.quirki-short-description {
    font-size: 1em;
    color: #333;
}

.input-text.qty {
	background: #ffffff !important;
	border-left: none !important;
	width: 3.5em !important;
	height: 2.65em !important;
}

form.cart .single_variation_wrap, form.cart table.variations, .entry-footer .entry-meta {
	border: none !important;
}

form.cart .single_variation_wrap {
	padding: 0 !important;
}

form.cart.variations_form.cart {
	margin-bottom: 0 !important;
}

.entry-footer .entry-meta {
	padding-top: 0 !important;
}

.singular-product .singular-title-wrap {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.variations_form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 12px;
    font-size: .9em;
    font-family: inherit;
    color: #333;
    width: 100%;
    transition: border 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 0 0 1px transparent;
}

.variations_form select {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200l5%206%205-6z%22%20fill%3D%22%23333%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px 6px;
    padding-right: 36px;
}

.variations_form select:focus {
    border-color: #fff;
    box-shadow: 0 0 0 2px rgba(38, 216, 218, 0.3);
    outline: none;
}

.variations_form td.label {
    font-size: 0.9rem;
    font-weight: 500;
    color: #555;
    padding-bottom: 4px;
}

a.reset_variations {
	display: none !important;
}

.single_add_to_cart_button {
	margin-left: 1em !important;
}

body, h1, h2, h3, h4, h5, h6, li, blockquote, label, input, textarea, select, button, a, span, strong, em {
}

table tr th, table tr td {
	font-size: 1.1em !important;
}

.single_add_to_cart_button, .single-product-details .add_to_wishlist, td.actions .button, .order-actions .button, .product-add-to-cart .button {
	font-size: .9em !important;
}

.quirki-price-block {
	font-size: 16px !important;
	font-weight: 800 !important;
}

.afterpay-main-text {
	font-size: 16px !important;
	font-weight: 400 !important;
}

.afterpay-moved {
    display: block;
    margin-top: 0em;
    margin-bottom: 1em;
}

.related.products {
	display: none !important;
}

.widget_product_categories {
  background-color: #fff;
  padding: 1.5rem;
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.widget_product_categories .widget-title, h3.widget-title {
  font-size: 1.8rem;
  color: #00b7e5;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
  align-items: center;
}

.widget_product_categories ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.widget_product_categories li {
  margin-bottom: 0.4rem;
  padding-left: 1rem;
  position: relative;
}

.widget_product_categories li::before {
  content: "⟡";
  position: absolute;
  left: 0;
  color: #00b7e5;
  font-size: 0.8rem;
  top: 0.4rem;
}

.widget_product_categories ul.children {
  margin-left: 1rem;
  border-left: 2px dotted #ccc;
  padding-left: 0.75rem;
}

.widget_product_categories a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: all 0.2s ease;
}

.widget_product_categories a:hover {
  color: #00b7e5;
  background: #e6faff;
  border-radius: 4px;
  padding: 0.2rem 0.4rem;
	transform: translateY(-2px) !important;
}

.sidebar .widget-title:before {
	content: none !important;
}

.sidebar .widget-title:after {
	background: none !important;
}

.product-details {
	font-size: .8em !important;
}

.woocommerce-info {
	margin-top: 10px !important;
}

.woocommerce-message, .woocommerce-info {
  background-color: #00b7e5;
  color: white;
  font-size: 1em;
  padding: 1em 1.5em;
  border: none !important;
  border-radius: 3px;
	outline-color: none !important;
  margin-bottom: 2em;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
}

.woocommerce-message a.button, .woocommerce-info a.button {
  background-color: #fff;
  color: #00b7e5;
	font-size: 1em !important;
  font-weight: bold;
  border: none !important;
  border-radius: 3px;
  padding: 0.5em 1.2em;
  line-height: normal !important;
	transition: transform 0.15s ease !important;
}

.woocommerce-message a.button:hover, .woocommerce-info a, .woocommerce-info a.button:hover {
  background-color: #27313d;
  color: #fff;
	text-decoration: none !important;
	transform: translateY(-2px) !important;
}

.woocommerce-message {
  transition: none !important;
}

.quirki-widget-card {
  background-color: #fff;
  padding: 1.5rem;
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem;
}

.quirki-widget-card .widget-title {
  font-size: 1.8rem;
  color: #00b7e5;
  margin-bottom: 1rem;
}

table thead, table tfoot, fieldset legend {
	background: none !important;
}

fieldset legend {
	padding: 1em 0 1em 0; !important;
}

.screen-reader-text {
	display: none !important;
}

.wc-block-cart__submit-button {
  background-color: #00b7e5 !important;
  color: white !important;
  font-size: 1.2rem !important;
  font-weight: bold !important;
  border: none !important;
  border-radius: 3px !important;
  padding: 0.9rem 1em !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
  text-align: center !important;
  text-decoration: none !important;
  display: inline-block !important;
  line-height: normal !important;
  transition: transform 0.15s ease !important;
}

.wc-block-cart__submit-button:hover {
  background-color: #27313d !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

.wc-block-components-product-details.wc-block-components-product-details {
	font-size: 1.2em !important;
}

.btn-afterpay_express {
	font-size: .8em !important;
}

.wc-block-components-totals-shipping .wc-block-components-totals-shipping__via {
	font-size: 1em !important;
	margin-top: 8px !important;
}

.is-large.wc-block-cart .wc-block-cart__totals-title, .wc-block-components-totals-item__label {
	font-weight: bold !important;
	font-size: 1em !important;
}

.is-large.wc-block-cart .wc-block-cart-items th {
	font-weight: bold !important;
	font-size: 1.3em !important;
}

.wc-block-components-button:not(.is-link) {
	border-radius: 3px !important;
	transform: translateY(-2px);
}

#footer .widget-title:after {
	background: #00b7e5 !important;
	opacity: 100% !important;
}

.wp-block-woocommerce-checkout-order-summary-block, .wc-block-components-address-card, .wc-block-checkout__shipping-option .wc-block-components-radio-control__option, .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked, .wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option {
	background: #fff !important;
	border-radius: 3px !important;
}

.wc-block-components-radio-control__option, .wc-block-components-radio-control--highlight-checked:after {
	border-radius: 3px !important;
}

.quirki-product-note,
.quirki-upload-field {
  margin-top: 1.5em;
  display: block;
  clear: both;
}

.quirki-product-note label,
.quirki-upload-field label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: .9em;
  color: #333;
}

.quirki-product-note textarea {
  width: 100%;
  max-width: 400px;
  height: 120px;
  padding: 0.5em;
  font-family: inherit;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
}

input[type="file"], input[type="checkbox"], input[type="radio"], select {
	margin: 0 !important;
}

input[type="file"]::-webkit-file-upload-button {
  background-color: #00b7e5;
  color: white;
  border: none;
  padding: 0.2em 1em;
  border-radius: 3px;
  font-size: 1rem;
  cursor: pointer;
  margin-right: 1em !important;
}

input[type="file"]::file-selector-button {
  background-color: #00b7e5;
  color: white;
  border: none;
  padding: 0.2em 1em;
  border-radius: 3px;
  font-size: 1rem;
  cursor: pointer;
	margin-right: 1em !important;
}

.shop-nav ul.cart > li .widget .button, .shop-nav ul.account-menu > li .widget .button {
	margin-right: .5em !important;
}

.shop-nav ul.cart > li.cart-container a.cart-button .contents {
	height: 2.9em !important;
}

.shop-nav ul.cart > li > a, .shop-nav ul.account-menu > li > a {
	height: 2.5em !important;
}

.icon-home:before {
	content: "\f54f" !important;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.variation {
    display: none !important;
}

#product_note {
  font-size: 1em;
}

.quirki-account-nav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 1.5em;
  margin-top: 2em;
}

.quirki-account-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1.2em;
  background: #00b7e5;
  border: none;
  border-radius: 3px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  color: #fff;
  font-weight: normal;
  font-size: 1.1em;
  text-decoration: none;
  transition: transform 0.15s ease;
}

.quirki-account-tile:hover {
  background-color: #27313d;
  color: #fff;
  transform: translateY(-2px);
}

.quirki-account-welcome {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: left;
  padding-left: 0.5em;
}

.quirki-account-welcome a {
  color: #00b7e5;
  text-decoration: underline;
}

.account-menu .edit-account {
	display: none !important;
}

.woocommerce-password-input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 400px;
}

.woocommerce-password-input {
  padding-right: 2.75rem !important;
  width: 100%;
  box-sizing: border-box;
}

.show-password-input {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}

.show-password-input i {
  font-size: 16px;
  color: #00b7e5;
  pointer-events: none;
}
.show-password-input:hover i {
  color: #1bbcc2;
}

.woocommerce-password-input,
.woocommerce-Input[type="text"],
.woocommerce-Input[type="email"],
.woocommerce-Input[type="password"] {
  width: 100%;
  max-width: 400px;
}

.woocommerce form.woocommerce-EditAccountForm {
  max-width: 420px;
}

.woocommerce-MyAccount-navigation {
  margin-bottom: 2em;
}

.quirki-account-nav {
	margin-bottom: 2em !important;	
}

.shop-nav ul.cart > li .widget .button:hover, .shop-nav ul.account-menu > li .widget .button:hover {
	background: #fff !important;
	color: #27313d !important;
}

.woocommerce .password-input {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 42px;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.woocommerce .password-input input[type="password"],
.woocommerce .password-input input[type="text"] {
  flex: 1;
  padding-right: 2.5rem !important;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
}

.woocommerce .show-password-input {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: #00b7e5;
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.woocommerce .show-password-input::before {
  content: "\f06e"; /* eye icon */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.woocommerce .show-password-input.is-slash::before {
  content: "\f070";
}

button.show-password-input::before {
  content: "\f06e"; /* eye */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

button.show-password-input.is-slash::before {
  content: "\f070"; /* slashed eye */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.entry-content ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.entry-content ul li {
  position: relative;
  padding-left: 1.8em;
  margin-bottom: 0.7em;
}

.entry-content ul li::before {
  content: "✦";
   position: absolute;
  left: 0;
  top: 0.15em;
  font-family: Arial, Helvetica, sans-serif;
  color: #00b7e5;
  font-size: 1.3em;
  line-height: 1;
}

#footer ul li {
  list-style: none !important;
}

.woocommerce ul.products li.product::before {
  content: none !important;
}

.entry-content ul.products li.product::before {
  content: none !important;
}

.woocommerce-cart li::before,
.woocommerce-checkout li::before,
.woocommerce ul.products li.product::before {
  content: none !important;
}

.single-product .quantity {
  display: none;
}

.connect-top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}

.connect-top-left {
  display: flex;
  align-items: center;
  gap: 20px;
}

.connect-profile-pic img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 3px;
}

.connect-name-role .connect-name {
  margin: 0;
  font-size: 32px;
}

.connect-title {
  font-style: italic;
  margin-top: 5px;
}

.connect-company {
}

.connect-qr-code img {
  width: 75px;
  height: 75px;
  object-fit: contain;
  border-radius: 6px;
}

.connect-middle-grid {
  display: grid;
  grid-template-columns: 4fr 1.5fr;
  gap: 30px;
  margin-bottom: 30px;
}

.connect-bio, .connect-details {
  background: #f9f9f9;
  padding: 20px;
  border-radius: 3px;
}

.connect-socials {
  margin-top: 30px;
}

.social-icons {
  list-style: none;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}

.social-icons li {
  display: inline-block;
}

.social-icons a {
  font-size: 18px;
  color: #333;
  text-decoration: none;
}

.social-icons a:hover {
  color: #00b7e5;
}

.connect-save-contact {
  text-align: center;
  margin-top: 30px;
}

#save-contact-button {
  background-color: #00b7e5;
  color: white;
  border: none;
  padding: 12px 24px;
  font-size: 18px;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s;
}

#save-contact-button:hover {
  background-color: #1ab7b8;
}

@media (max-width: 768px) {
  .connect-top-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .connect-middle-grid {
    grid-template-columns: 1fr;
  }
}

.woocommerce form .form-row .wcfm_product_custom_field input[type="radio"] {
  margin-left: 0 !important;
  vertical-align: middle;
}

.woocommerce form .form-row .wcfm_product_custom_field label {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

#footer, .bearded-cta-widget {
    background: #17181a !important;
}

.quirki-footer-links {
	display:flex;
	justify-content: space-evenly; /* evenly spaced, centered */
	align-items:center;
	max-width: 600px;
	margin: 0 auto;
	padding: 6px 0;
	font-size: 12px !important;
}
.quirki-footer-links a {
	text-decoration: none;
	color: inherit;
}

.quirki-copyright {
	font-size: 12px !important;
}