#cd_gift_icon {
  font-size: 1.8em;
  cursor:pointer; 
  margin:20px 0;
}
#cd_gift_icon strong {
  text-decoration: underline;
}
#cd_gift_icon strong:hover {
text-decoration: none;
}
h3.gift-group-title {
  margin: 1.5em 0 0.5em 0;
}
/* skupina dárků */
.cd_gift { cursor: pointer; padding: 6px; margin: 4px 0; }
.cd_gift:hover { background: #f7f7f7; }
.cd_products_container { margin: 6px 0 10px 12px; }
.cd_gift_products { list-style: none; padding-left: 0; }
.cd_gift_product { cursor: pointer; padding: 4px; }
.cd_gift_product:hover { background: #f5f5f5; }


.cd_message {
    margin-top: 8px;
    color: #b00;
    font-style: italic;
}

.cd_message {
    margin-top: 8px;
    color: #b00;
    font-style: italic;
}

.cd_debug {
    margin-top: 8px;
    background: #fafafa;
    border: 1px solid #eee;
    padding: 8px;
    color: #333;
    max-height: 240px;
    overflow: auto;
    font-size: 12px;
}

/* Kontejner seznamu dárků */
#cd_gift_list_frontend {
    border: 1px solid #ddd;
    padding: 15px 15px 15px 15px;
    background-color: #fff;
    margin-top: 15px;
    position: relative; /* pro umístění křížku */
}

/* Křížek zavření */
.cd-close {
    position: absolute;
    top: 12px;
    right: 12px;
    background: transparent;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #352323;
    font-weight: bold;
}

.cd-close:hover {
    color: #af2323;
}

/* Seznam dárků */
#cd_gift_list_frontend ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

#cd_gift_list_frontend li {
    margin-bottom: 10px;
}

/* Tlačítka Přidat dárek */
#cd_gift_list_frontend .cd-add-gift {
    background-color: #0071a1;
    color: #fff;
    border: none;
    padding: 5px 12px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    margin-left: 5px;
    transition: background-

}


.cd-gift-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.cd-add-gift {
    order: -1; /* posune tlačítko vlevo */
    background-color: #0071a1;
    color: #fff;
    border: none;
    padding: 4px 10px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.2s;
}

.cd-add-gift:hover {
    background-color: #005d84;
}

.cd-gift-thumb {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
}

.cd-gift-link {
    text-decoration: none;
    color: #0071a1;
    font-weight: 500;
}

.cd-gift-link:hover {
    text-decoration: underline;
}

.cd-gift-variant {
    color: #555;
    font-size: 12px;
}