/*
Theme Name: OrigamiDisc Kadence Child
Theme URI: https://origamidisc.com/
Description: Kadence child theme for OrigamiDisc storefront customizations.
Author: 27web
Author URI: https://27web.pl/
Template: kadence
Version: 1.0.122
Text Domain: origamidisc-kadence-child
*/

/* Front-page YouTube embed. */
.ytmovieori {
	width: min(100%, 900px);
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	border-radius: 10px;
}

.ytmovieori .wp-block-embed__wrapper,
.ytmovieori iframe,
.ytmovieori img {
	border-radius: 10px;
}

/* Shop and archive select shape. */
.odk-archive-filters__select,
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select,
.woocommerce select.orderby {
	border-radius: 10px !important;
}

/* Global button shape. */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-element-button,
.wp-block-button__link,
.kb-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	border-radius: 10px !important;
}


:root {
	--odk-accent: #f08b80;
	--odk-accent-hover: #d96e63;
}


.odk-youtube-facade,
.odk-youtube-facade__button,
.odk-youtube-facade iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: 10px;
}

.odk-youtube-facade {
	overflow: hidden;
	background: #111;
}

.odk-youtube-facade__button {
	position: relative;
	min-height: 44px;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
}

.odk-youtube-facade__button img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.odk-youtube-facade__play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 72px;
	height: 50px;
	border-radius: 14px;
	background: #e62117;
	transform: translate(-50%, -50%);
}

.odk-youtube-facade__play::after {
	position: absolute;
	top: 50%;
	left: 52%;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 17px solid #fff;
	content: "";
	transform: translate(-50%, -50%);
}


.wp-embed-responsive .ytmovieori.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before,
.wp-embed-responsive .ytmovieori .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
	display: none;
	padding-top: 0;
}


/* Slider navigation stays circular despite the global 10px button radius. */
.odk-front-slider__arrow,
.odk-product-slider__arrow,
.odk-blog-slider__arrow,
.odk-category-slider__arrow {
	border-radius: 50% !important;
}