/**
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License version 3.0
 * that is bundled with this package in the file LICENSE.txt
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this module to a newer
 * versions in the future. If you wish to customize this module for your
 * needs it's on your own risk.
 *
 * @author Ewelina Ziobro
 * @copyright 2025 Ewelina Ziobro
 * @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 */


.flex{
    display:flex;
    flex-wrap:wrap;
}

.flex-gap-30{
    gap:30px;
}

.gap-10{
    gap:10px;
}

.flex-column{
    flex-direction:column;
}

.flex-justify-center{
    justify-content:center;
}

.flex-align-center{
    align-items:center;
}


h1{
    margin:30px 0 40px 0;
    max-width: 100%;
}

h2{
    margin:20px 0 30px 0;
    max-width: 100%;
}

label{
    max-width: 100%;
    margin:auto;
}

input[type="text"]{
    width:100%;
}

form{
    max-width:80%;
    margin:auto;
}
@media(max-width:768px){
    form{
        max-width:100%;
    }
}


@media(max-width:768px){
    #content{
        padding: 0.75rem;
    }
}


.product-review-form-block{
    width:100%;
    max-width:500px;
}

textarea{
    width:100%;
    height:150px;
    padding: 12px 16px 12px 16px;
    border: 2px solid var(--border-color);
    border-radius: 12px;
    font-size: 1rem;
    font-family: inherit;
    background: var(--white);
    transition: all 0.3s ease;
    outline: none;
}

.text-center{
    text-align:center;
}

.form-card{
    margin:50px auto 40px;
    max-width:800px;
}

.product-title{
    font-size:12px;
    margin-bottom:0px;
    text-align:center;
}

input[type="submit"]:hover{
    text-decoration:underline;
    cursor:pointer;
}

.field-box{
    display:flex;
    flex-direction:column;
    gap:5px;
    margin-bottom:20px;
    align-items:center;
    justify-content:space-between;
}


.product-form-block{
    display:flex;
    flex-wrap:wrap;
    gap:0 5px;
    width:100%;
}
@media(max-width:768px){
    .product-form-block{
        width:100%;
    }
}

.product-form-block input[type="checkbox"]{
    display:none;
}

.lb-reported-products{
    width:100%;
    max-width:100%;
    border:1px solid lightgray;
    border-radius:14px;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    cursor:pointer;
    padding:20px;
    box-sizing:border-box;
    gap:8px;


}
.lb-reported-products img{
    max-width:250px;
    max-height:250px;
}


@media(max-width:768px){
    .product-form-block label{

    }
}

.product-form-block input:checked+label{
    /*background-color: #f39c11;*/
    outline:2px solid #edcd00;
    border:1px solid #edcd00;
}

.reason-content{
    display:none;
    margin-top:16px;
    bottom:5px;
}

.product-form-block input:checked+label ~ .reason-content{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.mobile{
    display:none;
}

@media(max-width:768px){
    .mobile{
        display:inline;
    }
}

.flex-recommend-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:5px 30px;
    color:gray;
    font-size:12px;
}

.go-tohomepage-btn{
    background-color:#eb6e2f;
    color:#fff;
    margin:auto;
    display:block;
    max-width:400px;
    font-size:14px;
    text-align:center;
    padding:5px 10px!important;
    margin-bottom:30px;
    text-decoration:none;
}



@media(max-width:768px){
    .go-tohomepage-btn{
        max-width:100%;
        padding:10px 5px;
    }
}



.submit-btn{
    background-color:#eb6e2f;
    color:#1a1a1a;
    margin:auto;
    display:block;
    font-size:17.6px;
    text-align:center;
    padding:15px 60px;
    margin-bottom:30px;
    border:none;
    height:57px;
    display: flex;
    gap: 10px;
    outline:none!important;
    border:none;
}

.products-block{
    display:grid;
    grid-template-columns: 1fr 1fr;
    margin:20px 0 0;
    gap: 20px;
    align-items: flex-start;
}

@media(max-width:768px){
    .products-block{
        flex-wrap:wrap;
        grid-template-columns: 1fr;
    }
}

.form-input{
    height:60px;
}

#returnandcomplaintserror {
    color:red;
}



.reason-content input[type="number"]{
    width: 70px;
    padding: 14px 16px;
    height: 54px;

}



/* Checkbox z klasą cb-returns */
.cb-returns {
    width: 20px;
    height: 20px;
    border: 2px solid var(--border-color);;
    background-color: transparent;
    border-radius: 3px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

/* Checkbox zaznaczony */
.cb-returns:checked {
    background-color: #edcd00;
    border-color: #edcd00;
}

/* Znaczek (ptaszek) w środku */
.cb-returns:checked::after {
    content: "✓";
    color: #333;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 46%;
    left: 52%;
    transform: translate(-50%, -50%);
}

/* Hover - efekt najechania */
.cb-returns:hover {
    border-color: #d4b800;
    box-shadow: 0 0 5px rgba(237, 205, 0, 0.3);
}

/* Focus - dla dostępności */
.cb-returns:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(237, 205, 0, 0.5);
}