/*
 Theme Name:  Inventive v4
 Template:    calmly
 Author:      Rather Inventive
 Author URI:  https://ratherinventive.com
 Version:     1.1
 Description: Extension of Calmly theme
*/


/* Admin styles */
@import url("editor-style.css");

/* Add underline to links in paragraph only */
p a {
    text-decoration: underline;
}






.wp-block-button--simple .wp-block-button__link {
    background: transparent;
    border: none;
    font-size: 0.8em;
    padding: 0;
}



/* Post / Single */
.single-post h2 {
  margin-top: 2em;
}
.single-post .wp-block-image:not(.is-resized) img {
   width: 100%;
}
.single-post .breadcrumb_last {
   display: none;
}



/* !WooCommerce */
/* Allow product image full width of col  */
.woocommerce .wp-block-woocommerce-product-image-gallery {
    max-width: initial;
}

/* Remove product count from category title */
.woocommerce-loop-category__title .count {
    display: none;
}

.wc-product-table thead {
    background-color: var(--wp--preset--color--primary) !important;
    color: #ffffff;
}
.wc-product-table {
    font-size: 0.8em;
}
.wc-product-table th:not(.col-sku):not(.col-datasheet):not(.col-name):not(.col-price):not(.col-buy),
.wc-product-table td:not(.col-sku):not(.col-datasheet):not(.col-name):not(.col-price):not(.col-buy) {
    font-size: 0.8em;
    font-weight: normal;
    padding-right: initial;
}
.wc-product-table td:not(.col-sku):not(.col-datasheet):not(.col-name):not(.col-price):not(.col-buy) {
    background-color: #00000010;
}
.wc-product-table th.col-price,
.wc-product-table th.col-buy,
.wc-product-table th.col-datasheet {
    color: transparent;
    overflow: hidden;
}

.wc-product-table th.col-datasheet,
.wc-product-table td.col-datasheet {
   /* width: 10px !important; */
   max-width: 10px;
}


/* Hide price column when not logged in */
body:not(.logged-in) .col-price {
   display: none;
}

table.wc-product-table.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before {
   color: #00000050 !important;
}

table.wc-product-table.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
   color: var(--wp--preset--color--primary) !important;
}

/* Hide AM part number */
.col-atlantic_microwave_pn {
   display: none !important;
}


.select2-container .select2-results__option {
    font-size: 0.8em;
}
.select2-container .select2-dropdown {
    padding: initial !important;
}

/* Hide sub-total and discount */
.wp-block-woocommerce-cart-order-summary-totals-block,
.wc-block-cart-items__header-total span,
.wc-block-cart-item__total-price-and-sale-badge-wrapper {
   /* display: none; */
}



/* !Post List */
.post-list--flex {
   display: flex;
   justify-content: space-evenly;
   gap: 0.5em;
}
.post-list--flex .post-list__item {
   width: 100%;
   max-width: 30%;
   background-color: var(--wp--preset--color--custom-light-grey);
   border-radius: 20px;
   padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--20) var(--wp--preset--spacing--20) var(--wp--preset--spacing--20);
}
.post-list--flex h3 {
   font-size: 1.2em;
   margin: 0;
   text-align: center;
}



/* !Yoast */
.yoast-breadcrumbs {
    font-size: 0.8em;
    padding: 5px 3px;
}
.yoast-breadcrumbs a {
    color: inherit;
    text-decoration: none;
}
.yoast-breadcrumbs:hover a {
    text-decoration: underline;
}

.yoast-breadcrumbs {
    opacity: 0.6;
}
.yoast-breadcrumbs:hover {
    opacity: 1;
}

.yoast-breadcrumbs + h1 {
    margin-top: 0;
}


/* Yoast / FAQ accordion*/
.schema-faq-section {
  /* background-color: #eee; */
  /* border: 1px solid #ccc; */
  /* padding: .5em; */
  margin-bottom: 1em;
  cursor:pointer;
}
.schema-faq-question:before {
  display: inline-block;
  content: '\f0da';
  margin-right: 0.5em;
  font-family: 'Font Awesome 6 Free';
  transition: .3s;
}
.schema-faq-section--active .schema-faq-question:before {
  transform: rotate(90deg);
  transition: .3s;
}
.schema-faq-section p:first-of-type {
  margin-top: .25em;
}
/* .wp-admin .accordion .schema-faq-answer {
  display: block;
} */



/* Ninja Forms */
.label-above .nf-field-label {
    margin-bottom: 0.2em !important;
}
.nf-field-label label {
    font-weight: 600;
}

.ninja-forms-field {
    color: inherit !important;
}

.ninja-forms-field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #00000050;
    padding: .5em;
    font-size: 1em;
    border-radius: 5px;
    background-color: #ffffff;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: initial;
}

.list-container select {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30'><polyline points='10,12,15,7,20,12' fill='none' style='stroke:grey;stroke-width:2'/><polyline points='10,18,15,23,20,18' fill='none' style='stroke:grey;stroke-width:2'/></svg>");
   background-repeat: no-repeat;
   background-position: center right;
}
.list-container select:hover {
    cursor: pointer; 
}

/* When the checkbox is checked, add a blue background */
.list-checkbox-wrap .ninja-forms-field {
    padding: .75em;
}
.list-checkbox-wrap label {
    padding-top: 0.25em;s
}
.nf-checked {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30'><polyline points='10,15,15,20,20,9' fill='none' style='stroke:black;stroke-width:3'/></svg>");
    background-repeat: no-repeat;
    background-position: center center;
}


.ninja-forms-field {
  font-family: inherit !important;
}

hr.ninja-forms-field  {
    margin-top: var(--wp--preset--spacing--50) !important;
    margin-bottom: var(--wp--preset--spacing--50) !important;
    border-bottom: none;
    height: 1px;
    padding: 0;
    background-color: var(--wp--preset--color--custom-light-grey) !important;
    color: var(--wp--preset--color--custom-light-grey) !important;
}

.nf-error-required-error {
    font-size: 0.8em;
}
.nf-error.field-wrap .nf-field-element:after {
    width: 20px;
}

.submit-wrap .ninja-forms-field {
   border-radius: 10px;
   padding-top: 0.67rem;
   padding-right: 1.5rem;
   padding-bottom: 0.67rem;
   padding-left: 1.5rem;
   background-color: var(--wp--preset--color--primary);
   color: #ffffff !important;
}
.submit-wrap .ninja-forms-field:hover {
    cursor: pointer; 
}

.wp-block-cover__background .submit-wrap .ninja-forms-field {
   background-color: #fff);
   color: var(--wp--preset--color--primary) !important;
}



/* Desktop / Wide screen */
@media screen and (min-width:601px) {
  
  .textbox-container .ninja-forms-field,
  .listcountry-container .ninja-forms-field,
  .textarea-container .ninja-forms-field,
  .email-container .ninja-forms-field  {
      width: calc(100% - 1em - 2px) !important;
  }
  
}



/* Mobile / Narrow screen */
@media screen and (max-width:600px) {
  
  .textbox-container .ninja-forms-field,
  .listcountry-container .ninja-forms-field,
  .textarea-container .ninja-forms-field,
  .email-container .ninja-forms-field  {
      width: 100% !important;
  }
  
}