/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */



/* ===============================
   ROOT VARIABLES
================================ */
:root {
    --bb-primary: #1A73E8;
    --bb-hover: #1557B0;
    --bb-background: #F2F2F2;
    --bb-border: #DDD;
    --bb-transition: 0.2s ease-in-out;
}

/* ===========================================================================
   THEME CUSTOMIZATION
   =========================================================================== */

/* ========== Sticky Header ========== */
#site-header {
	position: sticky;
	top: 0;
	z-index: 100;
}

/* ========== Footer ========== */
.site-footer {
	border-top: 1px solid var(--bb-border);
}




/* ================================
   BLOCK STYLES
=================================== */

/* ========== Block: Details (FAQ) ========== */
.wp-block-details {
	border: 1px solid var(--bb-border);
	padding: 15px 20px 0;
	margin-bottom: 20px;
}
.wp-block-details summary {
	font-weight: 700;
	padding-bottom: 15px;
}




/* ================================
   PAGE: Privacy, ToS, Return, Delivery
=================================== */

.page-id-3 .site-content, .page-id-4673 .site-content, .page-id-4675 .site-content, .page-id-4676 .site-content {
	max-width: 800px;
	margin: auto;
}




/* ================================
   PAGE: ABOUT
=================================== */

.bz-about-author {
    background: var(--bb-background);
    border: 1px solid var(--bb-border);
    border-radius: 5px;
    padding: 25px 15px 0;
}
.bz-about-social {
    border-top: 1px solid var(--bb-border);
    padding-top: 25px;
    margin-top: 30px;
}
.bz-about-social a {
    margin-left: 15px;
    line-height: 2;
}




/* ================================
   PAGE: SUPPORT
=================================== */

.bz-support-contact {
    background: var(--bb-background);
    border: 1px solid var(--bb-border);
    border-radius: 5px;
    padding: 15px;
}

.bz-support-info {
    border-top: 1px solid var(--bb-border);
    border-bottom: 1px solid var(--bb-border);
    margin-bottom: 50px;
    padding: 10px 0;
    text-align: center;
}
.bz-support-info p {
    padding: 0;
    margin: 0;
}
.bz-support-info a:not(last-child) {
    margin-right: 15px;
}

/* Support Form Inputs */
#bb-support-form input[type="email"],
#bb-support-form select,
#bb-support-form textarea {
    margin-bottom: 20px;
}

/* Textarea specific */
#bb-support-form textarea {
    height: 390px;
    overflow-y: auto;
}

/* Focus state */
#bb-support-form input:focus,
#bb-support-form select:focus,
#bb-support-form textarea:focus {
    border-color: var(--bb-border) !important;
    outline: none;
    color: #333!important;
}




/* ================================
   COMMON FORM
=================================== */

button[type="submit"] {
    width: 100%;
}

button:disabled {
    cursor: not-allowed !important;
    pointer-events: auto;
    opacity: 0.7;
}

.bz-msg {
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.bz-msg.success {
    background: #e8f5e9;
    color: #4caf50;
    border: 1px solid #4caf50;
}

.bz-msg.error {
    background: #ffebee;
    color: #e53935;
    border: 1px solid #e53935;
}

.bz-hp {
	position: absolute;
	left: -9999px;
	top: -9999px;
	opacity: 0;
	border: none;
	pointer-events: none;
}





/* ================================
   SHOP PAGE
=================================== */

/* Sort Dropdown */
.oceanwp-toolbar .woocommerce-ordering { /* make text bold */
    font-weight: 700;
}
@media (min-width: 768px) {
	.oceanwp-toolbar .woocommerce-ordering { /* align right on desktop */
		float: right!important;
	}
}

/* Off-Canvas Filter Sidebar */
.oceanwp-off-canvas-sidebar .tag-cloud-link { /* tag appearance */
	color: #000;
	padding-top: 3px!important;	
	padding-bottom: 3px!important;
	min-width: 100%;
}
.oceanwp-off-canvas-sidebar .tag-cloud-link:hover { /* hover color */
	border-color: var(--bb-hover);
}




/* ================================
   PRODUCT PAGE
=================================== */

/* Product Images */
@media screen and (max-width: 767px) {
	.woocommerce.content-full-width div.product div.images {
		margin-bottom: 25px;
	}
}

/* Product Title */
.single .entry-title { /* bottom border under title */
    border-bottom: 1px solid var(--bb-border);
}


/* Variation - Label Left Padding */
.single-product form.variations_form table.variations th {
    padding-left: 0!important;
}


/* Meta (SKU, Category, etc.) */
.product_meta {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px!important;
    padding: 8px 0!important;
}
.product_meta > span {
    margin-right: 10px;
    position: relative;
    font-weight: normal!important;
}
.product_meta > span:not(:last-child)::after {
    content: "|";
    margin-left: 10px;
}
.sku_wrapper, .sku_wrapper .sku {
    color: #555 !important;
}

/* Variation - Label */
.woocommerce div.product form.cart .variations label {
    color: #000!important;
    cursor: text;
}

/* Hide Variation Reset & Price Box */
.single-product .reset_variations { /* hide reset button */
    display: none !important;
}
.single-product .woocommerce-variation { /* hide auto-updating price box */
	display: none!important;
}

/* Sections + Related Products Heading */
.woocommerce div.product .woocommerce-tabs .panel h2:first-child,
section.related.products > h2 {
	padding: 15px 0;
	font-size: 18px!important;
	font-weight: 700!important;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px!important;
	border-top: 1px solid var(--bb-border);
	border-bottom: 1px solid var(--bb-border);
}


/* Bullet Points (Classis Product Page)) */
.woocommerce .summary ul, .woocommerce #tab-description ul {
	margin-top: 10px!important;
	margin-bottom: 25px!important;
}
.woocommerce .summary ul, .woocommerce #tab-description ul li,
.woocommerce .summary ul, .woocommerce #tab-description ul li ul {
	margin-bottom: 10px!important;
}

/* Hide quantity for all product types */
.single-product .cart .quantity {
    display: none !important;
}

/* Remove extra space caused by hidden quantity */
.single-product form.cart .quantity + .single_add_to_cart_button,
.single-product form.cart .quantity + button {
    margin-top: 0 !important;
}

/* Remove space for variation products after selection */
.single-product .woocommerce-variation-add-to-cart .quantity {
    display: none !important;
}




/* ================================
   CUSTOM SIMILAR PRODUCTS BUTTON
=================================== */

.custom_similar_items {
    text-align: center;
    margin-top: 50px;
}
.custom_similar_items a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    border: 6px double var(--bb-border);
    padding: 5px 30px;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    border-radius: 3px;
    transition: 0.2s ease-in-out;
}
.custom_similar_items a:hover {
    color: #000;
    background-color: var(--bb-background);
}




/* ================================
   CART PAGE
=================================== */

/* Hide Unwanted Fields */
.woocommerce-cart .wc-block-components-product-metadata__description {
    display: none!important;
}

/* Proceed to Checkout Button */
.woocommerce-cart .wc-block-components-button__text {
	font-size: 14px;
	padding: 8px;
}

/* Cart Product Name */
.woocommerce-cart .wc-block-components-product-name {
	color: #000;
}

/* You May Buy Together heading */
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .wp-block-heading {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* Cart Cross-sell Button */
.woocommerce-cart .wp-block-button__link {
	width: 100%!important;
	padding: 10px!important;
	margin-bottom: 25px!important;
}

/* Empty Cart's Products */
.woocommerce-cart .wc-block-grid__product-title,
.woocommerce-cart .wc-block-grid__product-price {
	color: #000;
	font-size: 16px;
}
.woocommerce-cart .wc-block-grid__product-title:hover {
	color: #333;
}




/* ================================
   CHECKOUT PAGE
=================================== */

/* Hide Unwanted Fields */
.woocommerce-checkout .wc-block-components-address-form__country,
.woocommerce-checkout .wc-block-components-address-form__postcode,
.woocommerce-checkout .wc-block-components-product-metadata__description,
.wc-block-components-checkout-step__description {
    display: none!important;
}

/* Payment Method Label */
.woocommerce-checkout .wc-block-components-payment-method-label {
    font-weight: 700;
}

/* Delivery information Form */
.woocommerce-checkout .wc-block-components-address-form {
	margin-top: -10px!important;
}

/* District Select Value */
.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select {
    padding-top: 16px!important;
}

/* Place Order Button */
.wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text {
    font-size: 15px;
	padding: 10px;
	display: inline-flex!important;
}




/* ================================
   MY ACCOUNT PAGE
=================================== */

/* Hide Address Fields */
#billing_country_field,
#billing_postcode_field,
.woocommerce-address-fields__field-wrapper #billing_email_field { /* remove fields */
    display: none !important;
}

/* Orders Page Buttons Spacing */
.my_account_orders .button { /* minor margin adjustment */
	margin-top: .118em;
	margin-bottom: .118em;
}

/* Orders Table Responsive */
@media screen and (max-width: 767px) {
    .woocommerce table.shop_table thead { /* hide header */
        display: none;
    }
    .woocommerce table.shop_table td { /* block layout */
        display: block;
        text-align: right!important;
    }
    .woocommerce table.shop_table td::before { /* label on left side */
        content: attr(data-title) ": ";
        font-weight: 700;
        float: left;
    }
}

/* Downloads Table Responsive */
@media screen and (max-width: 767px) {
    .woocommerce table.shop_table_responsive thead,
    .woocommerce-page table.shop_table_responsive thead { /* hide header */
        display: none;
    }
    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before { /* label */
        content: attr(data-title) ": ";
        font-weight: 700;
        float: left;
    }
    .woocommerce table.shop_table_responsive tr td,
    .woocommerce-page table.shop_table_responsive tr td { /* block layout */
        display: block;
        text-align: right!important;
    }
}