/*
Theme Name: Telltime
Theme URI: https://www.telltime.swiss/
Author: Weblineindia
Author URI: https://www.weblineindia.com/
Description: Custom WooCommerce theme for Telltime GmbH — premium Swiss word clocks.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: telltime
Tags: e-commerce, custom-menu, custom-logo, featured-images, translation-ready, wide-blocks

Telltime theme foundation for telltime.swiss.
*/


/* =========================================================
   GLOBAL TYPOGRAPHY OVERRIDES
   Gutenberg + Spectra + WooCommerce 
	Start
   ========================================================= */

/* Body text */
body,
p,
li,
.wp-block-paragraph,
.uagb-desc-text {
	line-height: 1.6 !important;
}

/* H1 headings */
h1,
h1.wp-block-heading,
.wp-block-uagb-advanced-heading h1.uagb-heading-text {
	letter-spacing: 8px !important;
}

/* H2 headings */
h2,
h2.wp-block-heading,
.wp-block-uagb-advanced-heading h2.uagb-heading-text {
	letter-spacing: 6px !important;
}

/* Gutenberg buttons */
.wp-block-button__link,
.wp-element-button,

/* Spectra buttons */
.uagb-buttons-repeater,
.uagb-button__link,
.wp-block-uagb-buttons-child a,

/* WooCommerce buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,

/* Standard form buttons */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
a.button {
	font-family: "Inter", sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 3px !important;
	text-transform: uppercase !important;
	line-height: 1.4 !important;
}

/* Prevent long headings from overflowing */
h1,
h2 {
	overflow-wrap: anywhere;
}

/* Tablet */
@media (max-width: 1024px) {
	h1,
	h1.wp-block-heading,
	.wp-block-uagb-advanced-heading h1.uagb-heading-text {
		letter-spacing: 6px !important;
	}

	h2,
	h2.wp-block-heading,
	.wp-block-uagb-advanced-heading h2.uagb-heading-text {
		letter-spacing: 4px !important;
	}
}

/* Mobile */
@media (max-width: 767px) {
	h1,
	h1.wp-block-heading,
	.wp-block-uagb-advanced-heading h1.uagb-heading-text {
		letter-spacing: 4px !important;
	}

	h2,
	h2.wp-block-heading,
	.wp-block-uagb-advanced-heading h2.uagb-heading-text {
		letter-spacing: 3px !important;
	}

	.wp-block-button__link,
	.wp-element-button,
	.uagb-buttons-repeater,
	.uagb-button__link,
	.wp-block-uagb-buttons-child a,
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button,
	.woocommerce #respond input#submit,
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	a.button {
		letter-spacing: 2px !important;
	}
}


/* =========================================================
   GLOBAL TYPOGRAPHY OVERRIDES
   Gutenberg + Spectra + WooCommerce 
	End
   ========================================================= */


.site-main{
	overflow:hidden;
}

.woocommerce-variation-add-to-cart{
	display:flex;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
	 color: #0A0A0A !important;
}

.woocommerce-account .entry__header{
	display:none !important;
}

.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-checkout .woocommerce-checkout-review-order{
	background-color:#FFF !important;
}

.woocommerce .woocommerce-message {
    border-left-color: #c9a96e !important;
    background-color: #0a0a0a !important;
    color: #c9a96e !important;
    padding: 1em 2em 1em 3.5em !important;
}
.woocommerce-message::before {
    color: #c9a96e !important;
}


/* Password toggle button */
.password-input .show-password-input {
	position: absolute;
	top: 50%;
	right: 14px;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #333;
	cursor: pointer;
	transform: translateY(-50%);
	font-size: 0;
	line-height: 1;
}

/* Open eye: password is currently hidden */
.password-input .show-password-input::before {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	background-color: currentColor;

	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5c-5.5 0-9.5 5.2-9.7 5.4a1 1 0 0 0 0 1.2C2.5 11.8 6.5 17 12 17s9.5-5.2 9.7-5.4a1 1 0 0 0 0-1.2C21.5 10.2 17.5 5 12 5Zm0 10c-3.8 0-7-3.2-8-4 1-1.2 4.2-4 8-4s7 2.8 8 4c-1 1.2-4.2 4-8 4Zm0-6a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 5c-5.5 0-9.5 5.2-9.7 5.4a1 1 0 0 0 0 1.2C2.5 11.8 6.5 17 12 17s9.5-5.2 9.7-5.4a1 1 0 0 0 0-1.2C21.5 10.2 17.5 5 12 5Zm0 10c-3.8 0-7-3.2-8-4 1-1.2 4.2-4 8-4s7 2.8 8 4c-1 1.2-4.2 4-8 4Zm0-6a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Slashed eye: password is currently visible */
.password-input .show-password-input.display-password::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m3.3 2 18.7 18.7-1.3 1.3-3.2-3.2A10.8 10.8 0 0 1 12 20C6.5 20 2.5 14.8 2.3 14.6a1 1 0 0 1 0-1.2 19 19 0 0 1 3.3-3.5L2 6.3 3.3 5l18.7 18.7-1.3 1.3L3.3 7.6V2Zm3.8 9.4A15 15 0 0 0 4 14c1 1.2 4.2 4 8 4a8.8 8.8 0 0 0 4-.9l-2-2a3 3 0 0 1-4.1-4.1l-1.5-1.5c-.5.5-.9 1-1.3 1.9ZM12 8c5.5 0 9.5 5.2 9.7 5.4a1 1 0 0 1 0 1.2 18 18 0 0 1-2.2 2.5l-1.4-1.4A16 16 0 0 0 20 14c-1-1.2-4.2-4-8-4h-.4L9.8 8.2A10 10 0 0 1 12 8Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m3.3 2 18.7 18.7-1.3 1.3-3.2-3.2A10.8 10.8 0 0 1 12 20C6.5 20 2.5 14.8 2.3 14.6a1 1 0 0 1 0-1.2 19 19 0 0 1 3.3-3.5L2 6.3 3.3 5l18.7 18.7-1.3 1.3L3.3 7.6V2Zm3.8 9.4A15 15 0 0 0 4 14c1 1.2 4.2 4 8 4a8.8 8.8 0 0 0 4-.9l-2-2a3 3 0 0 1-4.1-4.1l-1.5-1.5c-.5.5-.9 1-1.3 1.9ZM12 8c5.5 0 9.5 5.2 9.7 5.4a1 1 0 0 1 0 1.2 18 18 0 0 1-2.2 2.5l-1.4-1.4A16 16 0 0 0 20 14c-1-1.2-4.2-4-8-4h-.4L9.8 8.2A10 10 0 0 1 12 8Z'/%3E%3C/svg%3E");
}

/* Ensure the parent supports absolute positioning */
.password-input {
	position: relative;
}

/* Prevent password text from overlapping the icon */
.password-input input[type="password"],
.password-input input[type="text"] {
	padding-right: 48px;
}

/* Optional interaction states */
.password-input .show-password-input:hover,
.password-input .show-password-input:focus-visible {
	color: #000;
}

.password-input .show-password-input:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 3px;
}


.woocommerce-form-login__rememberme{
	display:flex !important;
	margin-bottom: 20px !important;
}

.woocommerce-ResetPassword{
	max-width: 32rem;
    margin-inline: auto;
}

.tt-shop-breadcrumbs{
	display:none !important;
}

.service-tabs.uagb-tabs__wrap .uagb-tabs__body-wrap{
	border:0 !important;
}
.service-tabs .wp-block-group{
	margin:0 !important;
	position:relative;
}

.service-tabs .wp-block-group a:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.service-tabs .wp-block-group .wp-block-group{
	transition:all .3s ease-in-out;
}
.service-tabs .wp-block-group .wp-block-group:hover{
	transform: translateY(-6px);
    box-shadow: 0 24px 50px rgba(0, 0, 0, .1);
}

.service-tabs .wp-block-group.is-layout-grid a{
	text-decoration:none !important;
}
.service-tabs.uagb-tabs__wrap .uagb-tabs__body-container{
	padding:0 !important;
}
.service-tabs .uagb-tabs__panel li{
	margin:0 !important;
}
.service-tabs .uagb-tabs__panel a{
    font-size: 12px; 
    letter-spacing: 3px;
    padding: 12px 30px !important;
    border: none;
    background: none;
    cursor: pointer;
    color: rgba(0, 0, 0, .45) !important;
    text-transform: uppercase;
    transition: all .3s;
	    border: 1px solid rgba(0, 0, 0, .15);
	text-decoration:none !important;
}
.service-tabs .uagb-tabs__panel .uagb-tabs__active a{
	background: #0A0A0A !important;
    color: #C9A96E !important;
}



.update-col-left .wp-block-group .number-box{
	white-space: nowrap;
}
.d-inline{
	display:inline;
}
.change-log-list li{
	list-style:none;
	position:relative;
	display: flex;
    gap: 14px;
}
.change-log-list li:before{
	 content: '—';
    color: #C9A96E;
    flex: 0 0 auto;
}

.subscribe-email-box{
	margin-left:0 !important;
	margin-right:0 !important
}
.subscribe-email-box form label{
	display:none;
}
.subscribe-email-box p{
	font-size:13px;
	padding-bottom:10px !important;
	color:#fff;
	text-align:left;
	
}
.subscribe-email-box form{
	margin:0;
	padding:0;
	display:flex;
}
.subscribe-email-box form .tnp-field-email{
	flex:1;
}
.subscribe-email-box form .tnp-email {
    flex: 1;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    border-right: none;
    padding: 15px 18px !important;
    color: #fff !important;
    font-size: 13px !important;
    outline: none;
	height:50px !important;
}
.subscribe-email-box form .tnp-submit{
    display: inline-block;
    padding: 1rem 2.5rem !important;
    border: 1px solid #C9A96E !important;
    color: #0A0A0A !important;
    background: #C9A96E !important;
    font-size: 12px !important;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: background .35s,color .35s;
	height:50px !important;
}
.subscribe-email-box .tnp-subscription{
	margin:0;
	padding:0;
}

@media (max-width: 767px) {
	.service-tabs .uagb-tabs__panel{
		flex-direction:row !important;
	}
	.service-tabs .uagb-tabs__panel li{
		width:auto !important;
	}
	.subscribe-email-box form{
		flex-direction:column
	}
	.change-log-card{
		padding:15px;
	}
}