/**
Theme Name: Creative Alley Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: creative-alley-child
Template: astra
*/
/* ----------------------------------------------------
   WooCommerce – pænere fejlbesked på produktsider
   ---------------------------------------------------- */

/* Selve boksen */
.single-product ul.woocommerce-error {
    border: none !important;                    /* fjern rød kant */
    background: #ffe6f2 !important;             /* lys rosa baggrund */
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);   /* blød skygge */
    padding: 14px 20px !important;
    margin: 20px 0 !important;
    border-radius: 14px !important;
}

/* Fjern det røde ikon/pil */
.single-product ul.woocommerce-error::before,
.single-product ul.woocommerce-error li::before {
    display: none !important;
}

/* Fjern punktopstilling og ekstra indryk på teksten */
.single-product ul.woocommerce-error li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tekst-stil så den matcher resten af siden lidt bedre */
.single-product ul.woocommerce-error,
.single-product ul.woocommerce-error li {
    color: #222222 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* "Se kurv"-knappen inde i beskeden */
.single-product ul.woocommerce-error a.button {
    background: #ff2b7a !important;   /* din pink */
    color: #ffffff !important;
    border-radius: 999px !important;
    border: none !important;
    padding: 8px 22px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-left: 12px !important;
}

.single-product ul.woocommerce-error a.button:hover {
    background: #e6206c !important;
}

/* Hvis den røde streg kommer fra wrapperen, neutraliser den også */
.single-product .woocommerce-notices-wrapper {
    border-top: none !important;
}
.single-product .woocommerce-notices-wrapper::before {
    display: none !important;
}
/* Dokan – gør butiks-kort pænere og fjern pil */

/* Skjul den lilla pil-knap nederst i hvert kort */
body.dokan-store-listing .dokan-single-store .store-footer .dokan-btn {
    display: none !important;
}
/* ----------------------------------------------------
   Dokan – butiks-kort: skjul pil og gør kortet klikbart
   ---------------------------------------------------- */
/* ----------------------------------------------------
   Dokan – butiks-kort: skjul pil og gør kortet klikbart
   ---------------------------------------------------- */

/* Skjul hele footeren med den lilla pil */
#dokan-seller-listing-wrap li.dokan-single-seller .store-footer {
    display: none !important;
}

/* Gør hele kortet klikbart og giv en lille hover-effekt */
#dokan-seller-listing-wrap li.dokan-single-seller {
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease;
}

#dokan-seller-listing-wrap li.dokan-single-seller:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
/* ----------------------------------------------------
   Dokan – butikskort med runde hjørner
   ---------------------------------------------------- */

#dokan-seller-listing-wrap li.dokan-single-seller {
    border-radius: 18px !important;         /* runde hjørner */
    overflow: hidden !important;            /* sørger for at billedet følger formen */
    background: #fff;
    transition: transform .15s ease, box-shadow .15s ease;
}

/* Selve billed/indholds-området */
#dokan-seller-listing-wrap .store-content {
    border-radius: 18px !important;
    overflow: hidden !important;
}

/* Header (titel) */
#dokan-seller-listing-wrap .store-header {
    border-radius: 18px 18px 0 0 !important;
}

/* Footer fjernes (pilen) */
#dokan-seller-listing-wrap .store-footer {
    display: none !important;
}

/* Hover-effekt */
#dokan-seller-listing-wrap li.dokan-single-seller:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(0,0,0,0.10);
}
/* ---------------------------------------------
   Dokan dele-popup – Creative Alley styling
   --------------------------------------------- */

/* Selve boksen */
.dokan-share-wrap.dokan-izimodal-wrapper {
    border-radius: 24px !important;
    padding: 32px 40px !important;
    box-shadow: 0 18px 40px rgba(0,0,0,0.12);
    background: #ffffff;
    max-width: 520px;
    margin: 0 auto;
    border: none;
}

/* Titel "Dele" */
.dokan-share-wrap.dokan-izimodal-wrapper .share-title,
.dokan-share-wrap.dokan-izimodal-wrapper h3 {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: #5b2295; /* din lilla */
    margin-bottom: 24px;
}

/* Række med ikoner */
.dokan-share-wrap.dokan-izimodal-wrapper .jssocials-shares {
    display: flex;
    justify-content: center;
    gap: 16px;
}

/* Selve ikon-knapperne */
.dokan-share-wrap.dokan-izimodal-wrapper .jssocials-share a {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #ffe6f1; /* lyserød boble */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.dokan-share-wrap.dokan-izimodal-wrapper .jssocials-share a img {
    max-width: 22px;
    max-height: 22px;
}

/* Hover-effekt */
.dokan-share-wrap.dokan-izimodal-wrapper .jssocials-share a:hover {
    background: #ff4a9a;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.20);
}

/* Luk-knappen i hjørnet – lidt mere diskret og i stil */
.iziModal .iziModal-button-close {
    background: #ffffff !important;
    border-radius: 50% !important;
    border: 2px solid #ff4a9a !important;
    width: 28px !important;
    height: 28px !important;
    top: -12px !important;
    right: -12px !important;
    color: #ff4a9a !important;
    opacity: 1 !important;
    line-height: 24px !important;
}
/* Skjul X / Twitter-ikonet i dele-boksen */
.dokan-share-wrap.dokan-izimodal-wrapper .jssocials-share-x {
    display: none !important;
}