/* =====================
   FONTS
   ===================== */
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.woff2') format('woff2'),
         url('../fonts/Gilroy-Light.woff') format('woff'),
         url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
         url('../fonts/Gilroy-Regular.woff') format('woff'),
         url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.woff2') format('woff2'),
         url('../fonts/Gilroy-Medium.woff') format('woff'),
         url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Semibold.woff2') format('woff2'),
         url('../fonts/Gilroy-Semibold.woff') format('woff'),
         url('../fonts/Gilroy-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* =====================
   BASE
   ===================== */
html {
    font-family: 'Gilroy';
    font-size: 17px;
    font-weight: 300;
    line-height: 1.44;
    color: #212121;
    overflow-y: scroll;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6,
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,
.uk-heading-2xlarge, .uk-heading-xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small { font-family: 'Gilroy', sans-serif; color: #212121; }
h1, .uk-h1 { font-size: 32px; font-weight: 500; line-height: 1.2; }
h2, .uk-h2 { font-size: 28px; font-weight: 500; line-height: 1.2; }
h3, .uk-h3 { font-size: 24px; font-weight: 500; line-height: 1.2; }

@media (max-width: 960px) {
    h1, .uk-h1 { font-size: 28px; }
    h2, .uk-h2 { font-size: 23px; }
}
b, strong { font-weight: 500; }

/* =====================
   TOOLBAR
   ===================== */
.toolbar {
    background-color: #f6f6f6;
    font-size: 20px;
    padding: 5px 0;
    position: relative;
}
.toolbar-menu { min-height: 34px !important; color: var(--primary-color) !important; }

/* =====================
   SUBNAV
   ===================== */
.uk-subnav { margin-left: -20px; }
.uk-subnav > * { padding-left: 10px; }
.uk-subnav > * > :first-child { color: #212121; font-size: 16px; text-transform: none; }
.uk-subnav > * > a:is(:focus, :hover),
.uk-subnav > .uk-active > a { color: var(--primary-color); }
.uk-subnav-divider > ::before { height: 15px; margin-right: 10px; }

/* =====================
   NAV (Off-canvas)
   ===================== */
.uk-nav-default { font-size: 17px; }
.uk-offcanvas-bar .uk-nav-default > li > a { color: #212121; padding: 10px 20px; }
.uk-offcanvas-bar .uk-nav-default > li > a:hover, .uk-offcanvas-bar .uk-nav-default > li.uk-active > a { color: var(--primary-color); }

/* =====================
   ICON BUTTON
   ===================== */
.uk-icon-button {
    width: 34px;
    height: 34px;
    color: #fff;
    background-color: var(--primary-color);
    transition: background-color .1s ease-in-out;
}
.uk-icon-button:is(:focus, :hover) { color: #fff; background-color: var(--hover-color); }

/* =====================
   HEADER
   ===================== */
.header-container { background-color: #fff; }
.logo { width: 100px; }

@media (max-width: 959px) { .logo { width: 80px; } }

/* =====================
   NAVBAR
   ===================== */
.uk-navbar-container:not(.uk-navbar-transparent, .toolbar) { background: var(--primary-color); }
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle { min-height: 60px; }
.uk-navbar-nav > li { padding: 0 8px; }
.uk-navbar-nav > li > a {
    color: #fff;
    line-height: 1.44;
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a.uk-open, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-active > a { color: #27ab8c; }
.uk-navbar-nav > li > a:active { color: #27ab8c; }

/* =====================
   Dropdown-Menu
   ===================== */
.uk-navbar-dropdown { padding: 0; width: 300px; }
.uk-navbar-dropdown-nav > li { background-color: #fff; position: relative; }
.levelitem-2 + .levelitem-2 { border-top: 1px solid #edf1f4; }
.uk-navbar-dropdown-nav > .uk-parent > a { display: flex; justify-content: space-between; align-items: center;}
.uk-navbar-dropdown-nav > li > a {
    color: #212121;
    font-size: 17px;
    padding: 10px 10px 10px 15px;
    line-height: 1.44;
}
.uk-navbar-dropdown-nav > li > a:is(:focus, :hover), .uk-navbar-dropdown-nav > li.uk-active > a { color: var(--primary-color); }
.uk-navbar-dropdown .uk-navbar-dropdown {
    border-left: 1px solid #edf1f4;
    left: 100% !important;
    top: 0 !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.15);
    clip-path: inset(0px -20px -20px 0px);
}
.levelitem-3 + .levelitem-3 { border-top: 1px solid #edf1f4; }

/* =====================
   PHONE
   ===================== */
.header-phone {
    display: flex;
    align-items: center;
    font-size: 19px;
    font-weight: 600;
}
.header-phone span { color: #c6bfbb; margin-right: 10px; }
.header-phone-area.two-numbers .header-phone-one { margin-right: 15px; }
@media (min-width: 1200px) { .header-phone-area { display: flex; } }

/* =====================
   BUTTONS
   ===================== */
.uk-button { font-size: 16px; text-transform: none; }
.uk-button-default,
.uk-button-default { background-color: #fff; color: #212121; }
.uk-button-default::before { border-color: #e2e2e2; }
.uk-button-default:is(:focus, :hover), .uk-button-default:is(.uk-active, :active) { background-color: #fff; color: var(--hover-color); }
.uk-button-primary { background-color: var(--primary-color); color: #fff; }
.uk-button-primary:is(:focus, :hover), .uk-button-primary:is(.uk-active, :active) { background-color: var(--hover-color); }
.uk-button-link { color: #212121; }
.uk-button-link:is(:focus, :hover) { color: var(--hover-color); }
.uk-button-secondary { background-color: var(--primary-color); color: #fff; padding: 0 10px; }
.uk-button-secondary:is(:focus, :hover) { background-color: var(--hover-color); }

@media (min-width: 960px) {
	.presentation-hero { display: block; background-image: url('/media/templates/site/lakshmiflowers/images/presentation-bg.webp'); }
}

/* =====================
   MODAL
   ===================== */
.uk-modal-dialog { border-radius: 10px; padding: 15px; width: 420px; }
.uk-modal-header { border-radius: 10px 10px 0 0; }
.uk-modal-footer { border-radius: 0 0 10px 10px; }
@media (max-width: 639px) {
	.uk-modal-dialog {
		width: 100% !important;
		max-width: 100%;
		margin: 0;
		margin-top: 0px;
		margin-bottom: 0px;
	}
}
.uk-tab > * > a:hover, .uk-tab > .uk-active > a { color: var(--primary-color); border-color: var(--primary-color); }
.uk-tab > .uk-active > a:hover { color: var(--hover-color); border-color: var(--hover-color); }

/* =====================
   ACCORDION
   ===================== */
.uk-accordion-title { font-size: 18px; color: #212121; }
.uk-accordion-title:hover { color: var(--primary-color); }

/* =====================
   OFF-CANVAS
   ===================== */
.uk-navbar-toggle { color: #fff; }
.uk-navbar-toggle:hover, .uk-navbar-toggle[aria-expanded="true"] { color: #27ab8c; }
.uk-offcanvas-bar { background: #fff; color: #212121; padding: 0; }
.uk-offcanvas-bar a { color: #212121; text-decoration: none; }
.uk-offcanvas-bar a:hover { color: var(--hover-color); }
.uk-offcanvas-bar .uk-close { color: rgba(0,0,0,.5); }
.uk-offcanvas-bar .uk-text-meta { color: #999; }
.uk-offcanvas-bar .uk-input { color: #212121; border: 1px solid #e5e5e5; }
.uk-offcanvas-bar .uk-input:focus { color: #212121; border-color: #e5e5e5; }
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { color: #212121; font-size: 17px; }
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover { color: var(--hover-color); }
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a { color: var(--primary-color); }
.uk-offcanvas-bar .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { border-top-color: #e5e5e5; }
.uk-nav.uk-nav-divider > :not(.uk-nav-header, .uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { margin-top: 0; padding-top: 0; }
ul.uk-nav-sub { padding: 0; }

/* =====================
   DRILLDOWN OFFCANVAS
   ===================== */
.drilldown-child { display: none; }
.drilldown-child.drilldown-visible { display: block; }
li.drilldown-hidden { display: none !important; }
.drilldown-forward.drilldown-hidden { display: none !important; }
.uk-offcanvas-bar .uk-nav-sub > li > a { color: #212121; padding: 10px 20px; }
.uk-offcanvas-bar .uk-nav-sub > li > a:hover, .uk-offcanvas-bar .uk-nav-sub > li.uk-active > a { color: var(--primary-color); }
.drilldown-forward { display: flex; justify-content: space-between; align-items: center; }
.drilldown-back { display: flex; align-items: center; gap: 4px; }
.drilldown-back-item > a { justify-content: flex-start !important; gap: 4px; }
.uk-offcanvas-bar .uk-nav-sub.drilldown-child > li + li { border-top: 1px solid #e5e5e5; }
.uk-offcanvas-bar .uk-nav-sub.drilldown-child > .drilldown-back-item { border-top: none !important; border-bottom: 1px solid #e5e5e5; }
.uk-offcanvas-bar .uk-nav-sub.drilldown-child > .drilldown-back-item + li { border-top: none !important; }

/* =====================
   NOTIFICATION
   ===================== */
.uk-notification { width: 310px; }
.uk-notification-message {
    background-color: rgba(0,0,0,.7);
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    padding: 10px;
}
.uk-notification-close.uk-close { top: 15px; color: #fff; }
@media (max-width: 639px) { .uk-notification { left: 50%; right: auto; transform: translateX(-50%); } }

/* =====================
   SEARCH
   ===================== */
@media (min-width: 960px) { .uk-search-default { width: 375px; } }
.uk-search .uk-button-default::before, .uk-search .uk-button-primary::before { border: none; }
.uk-search .uk-button-default, .uk-search .uk-button-primary { line-height: 40px; }
.uk-search-default .uk-search-input:focus { border-color: var(--primary-color); transition: border-color .1s ease-in-out; }
.uk-search-input { border-radius: 10px; }

/* =====================
   FORM / INPUTS
   ===================== */
.uk-input, .uk-select, .uk-textarea { color: #212121; }
.uk-input:focus, .uk-select:focus, .uk-textarea:focus { color: #212121; border-color: var(--primary-color); }
.uk-form-label { color: #212121; font-size: 16px; font-weight: 600; }

/* =====================
   Card
   ===================== */
.uk-card-header { padding: 15px 30px; background-color: var(--primary-color); }
.uk-card-default .uk-card-title { color: #fff; }
.uk-card-default { background-color: #f8f8f8; color: #212121; box-shadow: none; }
.uk-card-default > :not([class*="uk-card-media"]) .uk-form-icon { color: #f95860; }
@media (min-width: 1200px) { .uk-card-body { padding: 20px 30px; } }
/* =====================
   MOBILE NAVBAR SLOTS
   ===================== */
@media (max-width: 959px) {
    #navbar-search-slot {
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        padding: 0 20px 0 0;
        width: 100%;
    }

    #navbar-search-slot #header-search, #navbar-search-slot .uk-search-default, #navbar-search-slot form { width: 100%; }
    #navbar-search-slot .uk-search-input {
        border: none;
        background: #fff;
        border-radius: 10px;
        font-size: 17px;
        font-family: 'Gilroy', sans-serif;
    }
    #navbar-cart-slot, #navbar-cart-slot #header-cart { display: flex; align-items: center; }
    #navbar-cart-slot, .cart-count-wrapper, .cart-total { color: #fff; line-height: 1.1; }
    #navbar-cart-slot .cart-count { background: #fff; color: var(--primary-color); }
}

/* Breadcrumb */
.uk-breadcrumb {
    padding: 10px 0 0px 0;
}
.uk-breadcrumb > * > * {
    font-size: 16px;
    color: #212121;
	transition: .1s ease-in-out;
}
.uk-breadcrumb > * > :focus, .uk-breadcrumb > * > :hover {
    color: var(--primary-color);
}
.uk-breadcrumb > :last-child > a:not([href]),
.uk-breadcrumb > :last-child > span {
    color: var(--primary-color);
}

/* =====================
   UTILITIES
   ===================== */
.uk-text-bold   { font-weight: 400; }
.uk-text-bolder { font-weight: 600; }
.uk-link, a { color: var(--primary-color); transition: color .1s ease-in-out; }
.uk-link:hover, a:hover, .uk-link-toggle:is(:focus, :hover) .uk-link { color: var(--hover-color); text-decoration: none; }

[class*='uk-inline'] { width: 100%; }