/*
Theme Name: kubuneh
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*
==========================================================================
TABLE OF CONTENTS
==========================================================================
1. CSS Variables & Root Styles
2. Base Layout & Global Styles
3. Typography
4. Product Cards & Components
5. Navigation & Header
6. Hero Sections & Layout Components
7. Footer Styles
8. Shop & E-commerce Elements
9. About Page Styles
10. Interactive Elements & Hover Effects
11. Utility Classes
12. Mobile Responsive Styles
13. Payment & Cart Styles
14. Miscellaneous Components
==========================================================================
*/

/* ==========================================================================
   1. CSS VARIABLES & ROOT STYLES
   ========================================================================== */

:root {
    --KUB_Light-Beige: #F2F0ED;
    --KUB_Brown: #A1724A;
    --KUB_Dark-Brown: #4F3523;
    --KUB_Light-green: #A9C098;
    --KUB_Dark-green: #1A3F28;
}

/* ==========================================================================
   2. BASE LAYOUT & GLOBAL STYLES
   ========================================================================== */

body,
html,
main,
.page-title {
    background: #EDE6DD !important;
}

.absolute-footer {
    display: none;
}

#header.header *,
#header.header {
    box-shadow: none !important;
}
.off-canvas-center .mfp-content {
	min-height: 50%;
}
/* ==========================================================================
   3. TYPOGRAPHY
   ========================================================================== */

h1 {
    color: var(--KUB_Light-Beige, #F2F0ED);
    font-family: "PT Sans Caption";
    font-size: 3.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.0625rem;
}

h1.product-title {
    color: var(--KUB_Brown, #A1724A);
    font-family: "PT Sans";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

h2 {
    font-family: "PT Sans Caption";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.05rem;
}

/* ==========================================================================
   4. PRODUCT CARDS & COMPONENTS
   ========================================================================== */

/* Product Box Text - Hidden */
.product-small.box .box-text {
    display: none;
}

/* Custom Product Card Styling */
.custom-product-card,
.nav-dropdown {
    padding: 1rem;
    background: #F2F0ED;
    border-bottom-left-radius: .625rem;
    border-bottom-right-radius: .625rem;
    box-shadow: 0px 0px 10px -5px var(--KUB_Dark-Brown, #4F3523);
    min-height: 128.5px;
}

.custom-product-card .name {
    color: var(--KUB_Brown, #A1724A);
    font-family: "PT Sans";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.custom-product-card .size {
    color: var(--KUB_Dark-Brown, #4F3523);
    font-family: "PT Sans";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.custom-product-card .price {
    color: var(--KUB_Dark-Brown, #4F3523);
    font-family: "PT Sans";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* Product Image Styling */
.product-small.box .box-image {
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
    border: 2px solid #F2F0ED;
}

.box-image img {
    aspect-ratio: 3 / 3.5;
    object-fit: cover;
}

/* Box Overlay Styles */
.box-overlay .box-text {
    top: 50%;
    color: var(--KUB_Light-Beige, #F2F0ED);
    text-align: center;
    font-family: "PT Sans Caption";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.0375rem;
}

.box-overlay.dark .overlay {
    background: rgba(79, 53, 35, 0.6);
}

/* ==========================================================================
   6. HERO SECTIONS & LAYOUT COMPONENTS
   ========================================================================== */

/* Skipta Mali Section */
.skipta-mali-col {
    border-radius: 0.625rem;
    background: var(--KUB_Light-green, #A9C098);
    padding: 10rem 5rem 10rem 10rem;
    display: flex;
    justify-content: flex-end;
}

.skipta-mali-col .col-inner {
    max-width: 70%;
    margin: 0 !important;
}

.skipta-mali-col p {
    color: var(--KUB_Dark-green, #1A3F28);
    text-align: right;
    font-family: "PT Sans";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.skipta-mali-col h2 {
    text-align: right;
    color: #1A3F28;
}

.skipta-mali-img-col {
    transform: translatex(25%);
    z-index: 2;
    padding: 0;
}

/* ==========================================================================
   7. FOOTER STYLES
   ========================================================================== */

.footer a,
.footer .footer-heading {
    color: var(--KUB_Light-Beige, #F2F0ED);
    font-family: "PT Sans";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* ==========================================================================
   5. NAVIGATION & HEADER
   ========================================================================== */

a.nav-top-link.nav-top-link.nav-top-link {
    font-family: "PT Sans";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
}

/* ==========================================================================
   9. ABOUT PAGE STYLES
   ========================================================================== */

.about-hero p {
    color: var(--KUB_Light-Beige, #F2F0ED);
    text-align: right;
    font-family: "PT Sans";
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.about-subtitle {
    color: var(--KUB_Dark-green, #1A3F28);
    font-family: "PT Sans";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* ==========================================================================
   8. SHOP & E-COMMERCE ELEMENTS
   ========================================================================== */

.widget-title.shop-sidebar {
    color: #A1724A;
}

/* Statistics Cards */
.arangur-col .col-inner,
.nytt-lif-col .col-inner {
    border-radius: 0.625rem;
    background: var(--KUB_Light-Beige, #F2F0ED);
    box-shadow: 0px 0px 10px -5px var(--KUB_Dark-Brown, #4F3523);
    transform: translatey(50%);
    padding: 1.81rem;
}

.arangur-col .col-inner {
    transform: translatey(50%);
}

.nytt-lif-col .col-inner {
    transform: translatey(-50%);
}

.arangur-col h3 {
    color: var(--KUB_Brown, #A1724A);
    text-align: center;
    font-family: "PT Sans Caption";
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03125rem;
}

.arangur-col .num {
    color: var(--KUB_Dark-Brown, #4F3523);
    font-family: "PT Sans Caption";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.05rem;
    margin: 0;
}

.arangur-col .arrivals {
    color: var(--KUB_Dark-Brown, #4F3523);
    text-align: center;
    font-family: "PT Sans";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Product Ordering & Filters */
select.orderby {
    background: #EDE6DD;
    color: #A1724A;
    border-radius: 0.625rem;
    box-shadow: 0px 0px 10px -5px var(--KUB_Dark-Brown, #4F3523);
}

/* Product Column Styles */
.product-col h2 {
    color: var(--KUB_Brown, #A1724A);
    font-family: "PT Sans";
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.product-col h1 a {
    color: var(--KUB_Brown, #A1724A);
    font-family: "PT Sans";
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-underline-position: from-font;
}

.product-attribute {
    color: var(--KUB_Dark-Brown, #4F3523);
    font-family: "PT Sans";
    font-size: 1rem;
    font-style: normal;
    line-height: normal;
}

/* Add to Cart Button */
.single_add_to_cart_button.single_add_to_cart_button.single_add_to_cart_button {
    border-radius: 0.625rem;
    background: var(--KUB_Brown, #A1724A);
    color: var(--KUB_Light-Beige, #F2F0ED);
    text-align: center;
    font-family: "PT Sans";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 2rem;
}

/* Block Layout Components */
.blocks-row .col-inner {
    height: 100%;
}

.block {
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    position: relative;
}

.block h2 {
    color: var(--KUB_Light-Beige, #F2F0ED);
    text-align: center;
    font-family: "PT Sans Caption";
    font-size: 1.5625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: -0.03125rem;
    text-transform: uppercase;
}

.block-content {
    z-index: 2;
}

.block-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.block .overlay {
    position: absolute;
    inset: 0;
    opacity: 0.6;
    background: var(--KUB_Dark-Brown, #4F3523);
    z-index: 1;
    border-radius: 8px;
}

/* Specific Block Types */
.block.shop {
    aspect-ratio: 1;
}

.block.shop .block-img {
    background-image: url(https://kubuneh.is/wp-content/uploads/2025/08/shop-img.png);
}

.block.about .block-img {
    background-image: url(https://kubuneh.is/wp-content/uploads/2025/08/about-img.png);
}

.block.births .block-img {
    background-image: url(https://kubuneh.is/wp-content/uploads/2025/08/births-img-scaled.jpg);
}

.block.vaccinations .block-img {
    background-image: url(https://kubuneh.is/wp-content/uploads/2025/08/vaccines-img-scaled.jpg);
}

.block.school .block-img {
    background-image: url(https://kubuneh.is/wp-content/uploads/2025/08/school-img-scaled.jpg);
}

.block.hospital {
    aspect-ratio: 1;
}

.block.hospital .block-img {
    background-image: url(https://kubuneh.is/wp-content/uploads/2025/08/hospital-img.png);
}

/* Navigation Components */
.nav-stuff {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.nav-stuff .social-icons {
    margin-bottom: -10px;
}

.nav-separator {
    font-size: 30px;
}

.nav-stuff a.nav-link {
    color: var(--KUB_Dark-green, #1A3F28);
    font-family: "PT Sans";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: .3em;
}

/* Dark Navigation Theme */
.nav-dark a.nav-link,
.nav-dark .nav.nav-small.header-social i,
.nav-dark a.shop-link,
.nav-dark .cart-text,
.nav-dark .cart-count {
    color: #F2F0ED;
}

.nav-dark path {
    fill: #F2F0ED;
    stroke: #F2F0ED;
}

/* Site Logo */
.site-logo-img {
    max-width: 160px;
    padding: 1rem;
    transition: all .3s ease-in-out;
}

.page-template-page-templatespage-header-transparent-php .stuck .site-logo-img {
    filter: invert(1) invert(16%) sepia(78%) saturate(382%) hue-rotate(90deg) brightness(93%) contrast(88%);
}

.stuck .nav-stuff a.nav-link {
    color: var(--KUB_Dark-green, #1A3F28);
}

/* About Us Links */
.about-us-links {
    margin-top: -100px;
}

.about-us-links a {
    color: var(--KUB_Dark-green, #1A3F28);
    font-family: "PT Sans";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

/* Um Okkur (About Us) Section */
.um-okkur-row {
    margin-top: -50px;
    padding: 3rem;
    border-radius: 0.625rem;
    background: var(--KUB_Light-Beige, #F2F0ED);
    box-shadow: 0 0 10px -5px var(--KUB_Dark-Brown, #4F3523);
}

.um-okkur-row .author {
    color: var(--KUB_Brown, #96663E);
    text-align: center;
    font-family: "PT Sans";
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.0175rem;
}

.um-okkur-text {
    color: var(--KUB_Dark-Brown, #4F3523);
    font-family: "PT Sans";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130.588%;
}

.nav-dark .nav-stuff i {
    color: #1A3F28;
}

.nav-stuff i {
    color: #4F3523;
}

/* Subpage Navigation */
.subpage-nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
}

/* ==========================================================================
   12. MOBILE RESPONSIVE STYLES
   ========================================================================== */

@media only screen and (max-width: 48em) {
    /* Typography Adjustments */
    h1 {
        font-size: 1.5rem;
    }
	h2 {
		font-size: 1.2rem;
	}

    .um-okkur-text {
        font-size: 1rem;
    }

    .block h2 {
        font-size: 1rem;
    }

    .box-overlay .box-text {
        font-size: 1rem;
    }

    /* Layout Adjustments */
    .skipta-mali-col {
        padding: 2.5rem;
    }

    .skipta-mali-img-col {
        transform: translatey(10%);
    }

    /* Block Grid Adjustments */
    .blocks-container {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: unset;
        grid-template-areas: unset;
        grid-gap: .5rem;
    }

    .block {
        aspect-ratio: 1 !important;
        grid-area: unset !important;
    }
}

/* Alternative Header Styles */
.alt-header.header-top,
.header-top {
    padding-top: 3.5rem;
    background: #B9CEA8;
}

.header-alt .header-bg-color,
.header-alt .header-bottom {
    background: #B9CEA8;
}

.page-template-page-templatespage-header-alt-php .header-nav,
.header-alt {
    background: #B9CEA8;
    padding-bottom: 100px;
}

.header-alt .menu-item a {
    color: #1A3F28;
    font-family: "PT Sans";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Header Social & Cart */
.nav.nav-small.header-social {
    width: auto;
}

.nav.nav-small.header-social i {
    font-size: 1.5rem;
    color: var(--KUB_Dark-green, #1A3F28);
}

.header-left {
    display: flex;
    gap: .5rem;
}

.shop-link,
.cart-text,
.cart-count {
    color: var(--KUB_Dark-green, #1A3F28);
    font-family: "PT Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cart-text {
    margin-left: 1rem;
    margin-right: 1ch;
}

.header-cart-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* ==========================================================================
   10. INTERACTIVE ELEMENTS & HOVER EFFECTS
   ========================================================================== */

/* More Work Section */
.more-work-col,
.more-work-col .col-inner {
    transition: all .5s ease-in-out;
    border-radius: 0.625rem;
}

.more-work-col:hover {
    transform: translatey(-10px);
}

.more-work-col:hover .col-inner {
    box-shadow: 0px 18px 20px 4px #4f352394;
}

.more-work-item img {
    width: 100%;
    border-radius: 0 0 0.625rem 0.625rem;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: 40% 40%;
}

.more-work-heading {
    border-radius: 0.625rem 0.625rem 0 0;
    background: var(--KUB_Brown, #96663E);
    box-shadow: 0 0 10px -5px var(--KUB_Dark-Brown, #4F3523);
}

.more-work-heading h3 {
    color: var(--KUB_Light-Beige, #F2F0ED);
    padding: 1.25rem 0.67rem;
    text-align: center;
    font-family: "PT Sans";
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 !important;
}

/*     .nav-sidebar .menu-item-has-children>a, .html.custom.html_nav_position_text_top a, .nav-sidebar .account-link.account-login span{
        text-transform: uppercase;
        color: var(--KUB_Dark-green, #1A3F28);
        text-align: center;
        font-family: "PT Sans";
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .sub-menu.nav-sidebar-ul.children a, .nav-sidebar .woocommerce-MyAccount-navigation-link a {
        text-transform: uppercase;
        color: var(--KUB_Dark-green, #1A3F28);
        text-align: center;
        font-family: "PT Sans";
        font-size: 1.1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    } */
/* ==========================================================================
   13. PAYMENT & CART STYLES
   ========================================================================== */

.payment-icons path {
    fill: white;
}

/* Charity Card */
.kub-charity-card {
    border-radius: 0.625rem;
    background: var(--KUB_Light-green, #B9CEA8);
    padding: 1.5rem;
}

.kub-charity-card__head {
    display: flex;
    align-items: center;
    gap: 1ch;
}

.kub-charity-card li {
    margin: 0;
}

/* Navigation Authentication */
.nav-top-not-logged-in {
    display: flex;
    align-items: center;
}

/* Nytt Lif Statistics */
.nytt-lif-col h3 {
    color: var(--KUB_Dark-green, #1A3F28);
    text-align: center;
    font-family: "PT Sans";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.nytt-lif-col .num {
    color: var(--KUB_Brown, #96663E);
    text-align: center;
    font-family: "PT Sans Caption";
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.05rem;
}

.nytt-lif-col .arrivals {
    color: var(--KUB_Dark-green, #1A3F28);
    text-align: center;
    font-family: "PT Sans";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* ==========================================================================
   11. UTILITY CLASSES
   ========================================================================== */

/* Border Radius Utilities */
.top-left-radius,
.top-left-radius img {
    border-top-left-radius: 0.625rem;
}

.top-right-radius,
.top-right-radius img {
    border-top-right-radius: 0.625rem;
}

.bottom-left-radius,
.bottom-left-radius img {
    border-bottom-left-radius: 0.625rem;
}

.bottom-right-radius,
.bottom-right-radius img {
    border-bottom-right-radius: 0.625rem;
}

.left-radius,
.left-radius img {
    border-top-left-radius: 0.625rem;
    border-bottom-left-radius: 0.625rem;
}

.right-radius,
.right-radius img {
    border-top-right-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
}
/* Stock Display */
.stock.in-stock {
    display: none;
}

/* Cart Item Cards */
.kub-cart__item-card {
    display: flex;
    flex-direction: row;
    border-radius: 0.625rem;
    background: var(--KUB_Light-Beige, #F2F0ED);
    box-shadow: 0 0 10px -5px var(--KUB_Dark-Brown, #4F3523);
    position: relative;
    margin: 1rem;
}

.kub-cart__item-card a.remove {
    position: absolute;
    top: 10px;
    right: 10px;
}

.kub-cart__item-card img {
    max-width: 160px;
}

.kub-cart__item-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.kub-cart__item-title {
    color: var(--KUB_Brown, #96663E);
    font-family: "PT Sans";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.kub-cart__qty-static {
    display: none;
}

/* ==========================================================================
   14. MISCELLANEOUS COMPONENTS
   ========================================================================== */

/* Navigation Login Link */
a.nav-top-not-logged-in.nav-top-not-logged-in.nav-top-not-logged-in {
    font-size: 1rem !important;
}

/* Navigation Slide */
.nav-slide {
    padding-top: 80px;
}

/* Quantity Button */
.ux-quantity__button {
    height: fit-content;
}

.lifgjof-button, .lifgjof-button span {
	border-color: white !important;
	color: white;
}
.lifgjof-button:hover span {
	color: var(--KUB_Dark-Brown);
}
.page-404  * {
	text-align: center;
}
.page-404 {
	background: white;
	padding: 100px; 
	aspect-ratio: 1;
	border-radius: 50%;
	margin: auto;
	display: flex;
    justify-content: space-evenly;
	align-items:center;
	width: fit-content;
	flex-direction: column;
	
}
.page-404 h1 {
	color: var(--KUB_Dark-Brown, #4F3523);
text-align: center;
font-family: "PT Sans Caption";
font-size: 2.5rem;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.05rem;
}
.page-404 h2 {
	color: var(--KUB_Brown, #96663E);
text-align: center;
font-family: "PT Sans";
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.025rem;
	margin-bottom: 1rem;
}