/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.woocommerce .extra-flate-tool-tip{display:inline;position:relative;}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip]{position:relative;z-index:2;cursor:pointer;}

/* Hide the tooltip content by default */
[data-tooltip]:before,[data-tooltip]:after{visibility:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;pointer-events:none;}

/* Position tooltip above the element */
[data-tooltip]:before{position:absolute;bottom:150%;left:50%;margin-bottom:5px;margin-left:-80px;padding:7px;width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#000;background-color:hsla(0,0%,20%,0.9);color:#fff;content:attr(data-tooltip);text-align:center;font-size:14px;line-height:1.2;}
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after{position:absolute;bottom:150%;left:50%;margin-left:-5px;width:0;border-top:5px solid #000;border-top:5px solid hsla(0,0%,20%,0.9);border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0;}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,[data-tooltip]:hover:after{visibility:visible;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1;}
.extra-flate-tool-tip{display:inline-block!important;margin-right:7px;}

/**
* Optional fee CSS 
*/
.checbox_row span.title_fee{padding-left:8px;}
.checbox_row span.title_fee:hover,.dropdown_row span.title_fee:hover{cursor:pointer;}
.wcpfc-fee-tooltiptext{display:none;}
.wcpfc-fee-tooltip-wrap{position:relative;display:inline-block;}
.wcpfc-fee-tooltip-wrap .wcpfc-fee-tooltiptext{width:120px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;top:100%;left:50%;margin-left:-60px;transition:opacity 0.3s;}
.wcpfc-fee-tooltip-wrap .wcpfc-fee-tooltiptext::after{content:"";position:absolute;top:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #555 transparent;}
.wcpfc-fee-tooltip-wrap .dashicons,.dashicons-before:before{vertical-align:middle;font-size:16px;cursor:pointer;}
.optional_fee_container .checbox_row,.optional_fee_container .dropdown_row,.optional_fee_container .radio_row{padding:1.41575em;float:none;width:100%;background:#f5f5f5;cursor:pointer;}
.optional_fee_container .checbox_row:hover,.optional_fee_container .dropdown_row:hover{background:#f0f0f0;}
.optional_fee_container .optional_row:nth-child(odd){background:#fafafa;}
.optional_fee_container .optional_row:last-child{margin-bottom:2.617924em;}
.optional_fee_container .input-dropdown{padding:5px;border-radius:5px;margin-left:10px;}
.optional_fee_container .optional_fee_description{margin:0;margin-top:10px;font-style:italic;font-size:14px;}

.woocommerce-cart .optional_fee_container table.shop_table { width: 100% !important;margin-bottom: 20px !important; }
.woocommerce-cart .optional_fee_container th.dropdown_row, .woocommerce-cart .optional_fee_container th.checbox_row, .woocommerce-cart .optional_fee_container th.radio_row { width: 80% !important; }
.woocommerce-cart .optional_fee_container th.dropdown_row select { width: 17% !important; }
.woocommerce-cart table.shop_table:not(:has(tr)) { border: none !important;}

table.product-fees-table { width: 100%;border-collapse: collapse;margin: 20px 0;font-size: 16px;}
table.product-fees-table th, table.product-fees-table td {padding: 12px 15px;border: 1px solid #ddd;text-align: left;}
table.product-fees-table th {background-color: #f4f4f4;color: #333;font-weight: bold;}
table.product-fees-table tr:nth-child(even) {background-color: #f9f9f9;}
table.product-fees-table tr:hover {background-color: #f1f1f1;}


/* Extra fee table CSS Single product page */
.extra-fee-table { width: 100%;border-collapse: collapse;font-family: Arial, sans-serif; margin-top: 15px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.extra-fee-table tr:nth-child(odd) { background-color: #f9f9f9;}
.extra-fee-table tr:nth-child(even) { background-color: #ffffff;}
.extra-fee-table td { padding: 10px 15px;border: 1px solid #e0e0e0;vertical-align: middle;text-align: left;color: #6d6d6d;}
.extra-fee-table td:last-child { text-align: right;font-weight: bold;}
.extra-fee-table tr:first-child td { border-top: none;}
.extra-fee-table tr:last-child td { border-bottom: none;}
.extra-fee-table td .woocommerce-Price-amount { font-size: 1.2em;color: #6d6d6d;}



/**
 * Block Styles
 */
.wc-block-components-title.wc-block-components-title.wc-block-components-checkout-optional_fee__title {margin: 30px 0 10px;}
.wp-block-woocommerce-checkout-optional-fee-block {border: 1px solid hsla(0, 0%, 7%, .11);border-radius: 5px;margin-top: 10px;}
.wp-block-woocommerce-checkout-optional-fee-block .wc-block-components-totals-wrapper {border: 0;}
.wp-block-woocommerce-checkout-optional-fee-block .wc-block-components-totals-item__label {margin-left: 5px;}
.wc-block-components-tooltip.woocommerce-help-tip{display: flex;align-self: center;}
.woocommerce-cart .wc-block-components-sidebar-layout { justify-content: flex-end;}
.woocommerce-cart .block-cart-checkout-wrapper {width: 35%; padding-left: 2.2641509434%; box-sizing: border-box; }
.woocommerce-cart .wp-block-woocommerce-checkout-optional-fee-block .wc-block-components-totals-wrapper {padding: 15px;}
.wp-block-woocommerce-checkout-optional-fee-block input, .wp-block-woocommerce-checkout-optional-fee-block select, .wp-block-woocommerce-checkout-optional-fee-block select:focus{ outline: 0;}


/* Start: Tooltip CSS (tiptip JS) */
.wc-wcpfc-help-tip{display: inline-block;font-size: 14px;font-style: normal;height: 16px;line-height: 16px;position: relative;width: 16px;margin-left: 5px;top: -1px}
.wp-block-woocommerce-cart .wc-wcpfc-help-tip, .wp-block-woocommerce-checkout .wc-wcpfc-help-tip{font-size: 20px;margin-left: 0px;}
.wp-block-woocommerce-cart .wc-wcpfc-help-tip:after, .wp-block-woocommerce-checkout .wc-wcpfc-help-tip:after{font-family: Dashicons;speak: never;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;margin: 0;text-indent: 0;position: absolute;top: -2px;left: 5px;width: 100%;height: 100%;text-align: center;content: "\f223";cursor: help;}
#tiptip_holder{display:none;z-index:8675309;position:absolute;top:0;left:0}
#tiptip_holder.tip_top{padding-bottom:5px}
#tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px;margin-left:-6px;border-top-color:#333}
#tiptip_holder.tip_bottom{padding-top:5px}
#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:#333}
#tiptip_holder.tip_right{padding-left:5px}
#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:#333}
#tiptip_holder.tip_left{padding-right:5px}
#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:#333}
#tiptip_content,.chart-tooltip,.wc_error_tip{color:#fff;font-size:.8em;max-width:200px;background:#333;text-align:left;border-radius:3px;padding:.618em 1em;box-shadow:0 1px 3px rgba(0,0,0,.2)}
#tiptip_content code,.chart-tooltip code,.wc_error_tip code{padding:1px;background:#888}
#tiptip_arrow,#tiptip_arrow_inner{position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0}
/* End: Tooltip CSS (tiptip JS) */

/**
 * Block Styles
 */
 .wc-block-components-tooltip.wc-wcpfc-help-tip{display: flex;align-self: center;}

@media (max-width:400px){
    .extra-flate-tool-tip a[data-tooltip]:before{width:200px;}
    .extra-flate-tool-tip a[data-tooltip]:before{left:auto;right:-15px;}
}
@media (max-width:960px){
    .optional_fee_container .input-dropdown{margin-top:10px;margin-left:0;display:block;width:100%;}
}