@import 'shop.css';

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track {  
	background-color: #eaeaea;  
	border-left: 1px solid #bbb;  
}  
::-webkit-scrollbar-thumb { background-color: #bbb; }
::-webkit-scrollbar-thumb:hover { background-color: #aaa; }

em { color: initial; }

html {
	font-family: 'Red Hat Display', sans-serif;	
	font-weight: 500;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
	font-family: 'Red Hat Display', sans-serif;	
}
.uk-button, .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
	font-family: 'Red Hat Display', sans-serif;	
}

.fa_::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

.minicart-count:not(._active) { display:none; }
.minicart-count, .inquiry-minicart-count {
	width: 8px;
	height: 8px;
	background: #ed1c24;
	position: absolute;
/*	margin: -15px -21px 0 0;*/
	border-radius: 100%;
}

#top-notice {
	text-align: center;
	background: #fff700;
	font-size: 80%;
	font-weight: bold;
}
#top-notice p {
	margin: 0;
	padding: 0;
}

.wp-block-separator {
	border-top: 1px solid #e5e5e5;
	border-bottom: 0;
}

.special.uk-subnav>*>* {
    display: block;
    color: #999;
    font-size: .875rem;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color,background-color;
}

/*.uk-text-lighter { font-weight: 200; }*/
.uk-text-light { font-weight: 300; }
.uk-text-bold { font-weight: 600; }
.uk-text-bolder { font-weight: 700; }
/*.text-bold-500 { font-weight: 500; }*/

.button_ {
	border: 1px solid transparent;
}
.button_._primary {
	background: red;
	color: white;
	transition: .2s ease;
}
.button_._primary:hover {
	background: #005cb9;
}
.button_._secondary {}
.button_._default {}
.button_._disabled {}

html { color: #444; }
body {
	background: #f6f6f6;
}
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track {  
	background-color: #eaeaea;  
	border-left: 1px solid #bbb;  
}  
::-webkit-scrollbar-thumb { background-color: #bbb; }
::-webkit-scrollbar-thumb:hover { background-color: #aaa; }
.uk-lightbox-iframe {
	height: 90%;
	width: auto;
}
.fit-ad img { 
	border-radius: 5px;
}
article.first-article .content .text p:last-of-type {
	display: inline;
	margin-bottom: 0;
}
ul.first-level-ul ul { width: 200px; }
#main-nav > div > ul > li > a {
	min-height: auto;
	padding: 4px 12px;
	line-height: 27px;
	font-size: 80%;
}
#menu-1 > div > ul > li > a { height: 40px; }
.fit-ad img {
	width: 100%;
	height: auto;
}
.yuimenu ul {
	list-style: none;
	background: #222222;
	border-radius: 5px;
	padding: 25px;
	margin-top: 20px;
	box-shadow: 0 5px 12px rgba(0,0,0,.15);
}
.yuimenu ul li {}
.yuimenu ul li a {
	color: #999;
	font-size: .875rem;
	padding: 5px 0;
}
.uk-navbar-dropdown-nav>li>a {
	position: relative;
	z-index: 9;
}
ul.second-level-ul li > div > .bd {
	padding-left: 190px;
	margin-top: -80px;

}
ul.second-level-ul li>div>.bd ul li a {}
#top-nav .uk-navbar-item, #top-nav .uk-navbar-nav>li>a, #top-nav .uk-navbar-toggle {
	min-height: 35px;
	font-size: 80%;
	padding: 0 7px;
	height: 100%;
}

map .modal-trigger { cursor: pointer; }
map .modal-trigger:hover {}

#articles .first-article { margin-top: 22px; }

#main-breadcrumb ul {
	margin: 0;
}
#main-breadcrumb ul li a[href*='esileht']:before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='home'%3E%3Cpolygon fill='%23999' points='18.65 11.35 10 2.71 1.35 11.35 0.65 10.65 10 1.29 19.35 10.65'%3E%3C/polygon%3E%3Cpolygon fill='%23999' points='15 4 18 4 18 7 17 7 17 5 15 5'%3E%3C/polygon%3E%3Cpolygon fill='%23999' points='3 11 4 11 4 18 7 18 7 12 12 12 12 18 16 18 16 11 17 11 17 19 11 19 11 13 8 13 8 19 3 19'%3E%3C/polygon%3E%3C/svg%3E");
	width: 24px;
	height: 13px;
	float: left;
	background-repeat: no-repeat;
	background-position: 50%;

}
#main-breadcrumb ul li a, #main-breadcrumb ul li span { font-size: 90%; }
#main-breadcrumb ul > li:last-of-type > span {
	max-width: 350px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: right;
}
#main-breadcrumb ul li { list-style: none; }
#main-breadcrumb .social-area > a { padding: 0 5px; }
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before { margin: 0 10px; }

a#main-logo-area svg {
	width: auto;
	height: 100%;
}

a#main-logo-area svg path {
	-moz-transition: .2s ease;
	-webkit-transition: .2s ease;
	transition: .2s ease;
}

a#main-logo-area:hover svg g._symbol ._blue { fill: #eb0029; }

#top-nav .site-description {
	/*font-size: 85%;*/
	color: rgba(255, 255, 255, 0.4);
}
.user-nav.visible-on-logged-in, .logged-in .user-nav.visible-on-logged-out { display: none; }
.logged-in .user-nav.visible-on-logged-in { display: flex; }
#main-header .search-area input {
	width: 100%;
}

#right-sidebar .fit-ad img {
	width: 100%;
	height: auto;
}
#single-news-container #main-breadcrumb .uk-width-expand { display: none; }
#single-news-container #main-breadcrumb .uk-width-3-4 { width: 100%; }

.news-articles-card-list footer a {
	background: #fff;
}
.news-articles-card-list footer a:hover {
	background: #fcfcfc;
}

svg._tools-exercise {}
svg._tools-exercise ._muscle-group ._path {
	cursor: pointer;
}
svg._tools-exercise ._muscle-group ._path:hover, svg._tools-exercise ._muscle-group.active ._path {
	fill: rgba(255, 0, 0, 0.3);
}
svg._tools-exercise ._muscle-group.active ._text { fill: #333; }

#star-rating {}
#star-rating .bg {
	background: #ffbb0e;
	width: 0;
}
.error[error-container] * {
	color: red;
	font-weight: bold;
}

#training-plans ._plans [uk-tab] > li > a {
	padding: 10px 20px;
}
#training-plans ._plans ._plan-single li > a {
	font-size: 90%;
/*	font-weight: bold;*/
}

/* ============================================================== THEME COLORS ============================================================== */

.topics-1, .topics-1 * { color: #23a548 !important; } /* green */
.topics-2, .topics-2 * { color: #1793ce !important; } /* blue */
.topics-3, .topics-3 * { color: #ffb000 !important; } /* orange */
.topics-4, .topics-4 * { color: #ef595a !important; } /* red */
.topics-5, .topics-5 * { color: #00fefc !important; } /* fshop green */

a[class*="topics"]:hover, a[class*="topics"]:hover * { color: #1e87f0 !important; }

#main-nav>div>ul>li>a { color: #fff !important; }
#main-nav>div>ul>li>a:hover { color: #ddd !important; }
#main-nav ._icon { margin-right: 5px; }
/*#bottom-nav .uk-navbar-dropdown > ul > li > a { color: #eee !important; }*/
/*#bottom-nav .uk-navbar-dropdown > ul > li > a:hover { color: #ddd !important; }*/

.theme_green #bottom-nav, .theme_blue #bottom-nav .uk-navbar-dropdown { background-color: #1793ce !important; }
.theme_green #bottom-nav, .theme_green #bottom-nav .uk-navbar-dropdown { background-color: #23a548 !important; }
.theme_yellow #bottom-nav, .theme_yellow #bottom-nav .uk-navbar-dropdown { background-color: #ffb000 !important; }
.theme_red #bottom-nav, .theme_red #bottom-nav .uk-navbar-dropdown { background-color: #ef595a !important; }

.theme_blue #bottom-nav>div>ul>li>a {}
.theme_green #bottom-nav>div>ul>li>a {}
.theme_yellow #bottom-nav>div>ul>li>a {}

a.selected, button.selected { font-weight: bold; }
button.selected, .uk-button.selected { background-color: #f20a0a;  }
/* ============================================================== form overrides ============================================================== */
.uk-form-override .uk-input, .uk-form-override .uk-select:not([multiple]):not([size]) {
	height: 40px;
}
.uk-form-override .uk-input, .uk-form-override .uk-select, .uk-form-override .uk-textarea {
	width: 100%;
	border: 0 none;
	padding: 0 10px;
	color: #666;
	border: 1px solid #e5e5e5;
}
.uk-light .uk-navbar-dropdown-nav .uk-nav-header, .uk-light .uk-navbar-dropdown-nav>li.uk-active>a {
/*	color: rgba(255,255,255,.7);*/
}

/* ============================================================== NEWS ============================================================== */
#last-five > span { display: none; }

.uk-transition-slide-bottom-tiny { transform: translateY(5px); }
.uk-transition-slide-bottom-micro { transform: translateY(3px); }

/* ============================================================== PRINT ============================================================== */
@media print {
	#main-header, .fit-ad, [uk-sticky], #main-footer, #right-sidebar, #left-sidebar, #single-news-container > h2, #single-article-container > h2, .hide-on-print, article img {
		display: none;
	}
	#main-content { width: 100%; }
	#training-splits-container, #single-news-container, #single-article-container { margin: 0 !important; }
	article { margin-top: 5em !important; }

	/* --- 1. General Page Setup --- */
    body {
        font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
        font-size: 12pt;
        color: #000;
        background: #fff; /* Save ink */
    }

    /* --- 2. Hide ALL Unnecessary Elements --- */
    
    /* Hide theme header, nav, footer, sidebars, etc. */
    /* Use the actual selectors for your theme's header/footer */
    header, footer, nav, aside, .tm-header, .tm-footer {
        display: none !important;
    }

    /* Hide all forms, buttons, and interactive links within the calculator */
    #calories-container form,
    #calories-container button,
    #calories-container [uk-icon],
    .uk-notification {
        display: none !important;
    }

    /* Hide the interactive pie charts' container */
    .pie-chart_ {
        display: none !important;
    }

    /* --- 3. Style the Content That SHOULD Be Visible --- */

    /* Ensure the calculator container takes up the full printable area */
    #calories-container {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        border: none !important;
    }
    
    /* Add a clean title at the top of the printout */
    #calories-container::before {
        content: "Minu kalorite aruanne"; /* Your Report Title in Estonian */
        display: block;
        font-size: 18pt;
        font-weight: bold;
        margin-bottom: 15px;
        text-align: center;
    }

    hr {
        display: none; /* Hide all visual <hr> tags */
    }

    /* --- 4. Reformat the Layout for Print --- */
    
    /* Override UIkit grid system to stack elements vertically */
    [uk-grid] {
        display: block !important;
    }
    [uk-grid] > * {
        width: 100% !important;
        margin-bottom: 10px;
    }

    /* Make the food list items look clean */
    .calories-results ul {
        padding-left: 0;
        list-style: none;
    }
    .calories-results li {
        padding: 8px 0;
        /*border-bottom: 1px solid #ccc;*/
    }

    /* Style the totals summary to look like a clean table */
    .calories-count_ .uk-grid-small > div:first-child {
        text-align: left !important;
        font-weight: bold;
    }

    /* --- 5. Make Tables and Sections Page-Break Friendly --- */
    
    table, .calories-results > div > div {
        page-break-inside: avoid; /* Prevent tables and meal sections from splitting across pages */
    }

    h2, h3, h4 {
        page-break-after: avoid; /* Keep headings with the content that follows them */
    }

    /* --- 6. Show the Print-Only Chart Data (See Step 2) --- */
    .print-only-chart-data {
        display: block !important; /* This will be hidden on screen */
    }
}

/* --- Hide the print-only element on screen --- */
.print-only-chart-data {
    display: none;
}