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

/*************** ADD CUSTOM CSS HERE.   ***************/

.icon-user::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' width='512.000000pt' height='512.000000pt' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'> <g transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='currentColor' stroke='none'> <path d='M2410 5114 c-240 -31 -463 -110 -647 -230 -348 -226 -577 -566 -659 -979 -25 -125 -25 -405 0 -530 72 -362 275 -694 550 -903 l68 -52 -28 -10 c-358 -131 -658 -322 -933 -593 -461 -455 -722 -1038 -757 -1690 l-7 -127 201 0 202 0 0 49 c0 174 44 419 111 625 214 653 723 1162 1378 1376 449 147 894 147 1345 -1 488 -160 893 -481 1171 -929 162 -262 273 -595 305 -919 5 -57 10 -125 10 -152 l0 -49 200 0 200 0 0 58 c0 257 -72 609 -182 891 -260 665 -844 1227 -1521 1465 -16 5 -8 15 44 54 276 207 483 546 555 907 25 125 25 405 0 530 -121 607 -565 1059 -1165 1186 -94 19 -358 33 -441 23z m415 -428 c232 -60 452 -205 596 -395 70 -92 154 -267 186 -386 23 -89 26 -118 26 -265 0 -147 -3 -176 -26 -265 -32 -119 -116 -294 -186 -386 -144 -189 -361 -333 -596 -396 -89 -23 -118 -26 -265 -26 -146 0 -176 3 -263 26 -111 30 -256 95 -346 157 -83 55 -190 158 -252 239 -70 92 -154 267 -186 386 -23 89 -26 118 -26 265 0 147 3 176 26 265 32 119 116 294 186 386 167 220 428 375 707 419 104 16 307 4 419 -24z'/> </g> </svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}



.icon-search::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' width='512.000000pt' height='512.000000pt' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='currentColor' stroke='none'> <path d='M1930 5109 c-494 -51 -951 -269 -1306 -623 -246 -246 -412 -514 -518 -836 -141 -428 -141 -872 0 -1300 106 -323 273 -592 520 -837 488 -485 1153 -705 1839 -608 353 50 707 195 985 404 30 23 57 40 61 39 4 -2 307 -298 673 -658 417 -410 80 -661 704 -672 98 -46 208 12 228 120 16 84 72 24 -1024 1106 l-342 338 58 68 c250 289 415 655 478 1055 24 156 24 442 0 600 -71 459 -272 853 -607 1186 -460 457 -1101 684 -1749 618z m479 -335 c404 -59 759 -235 1040 -515 344 -345 523 -774 523 -1259 0 -179 -16 -302 -58 -457 -212 -788 -931 -1333 -1759 -1333 -493 0 -951 187 -1293 529 -232 232 -387 500 -471 811 -74 277 -74 623 0 900 168 626 665 1119 1292 1281 228 59 507 76 726 43z'/></g></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

.header-wishlist-icon > .wishlist-icon::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,<svg version='1.0' xmlns='http://www.w3.org/2000/svg' width='512.000000pt' height='512.000000pt' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'> <g transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='currentColor' stroke='none'> <path d='M1282 4600 c-578 -73 -1032 -491 -1153 -1063 -29 -135 -32 -388 -5 -521 38 -192 98 -342 203 -501 60 -91 149 -183 997 -1031 903 -904 933 -933 1006 -968 150 -72 310 -72 460 0 73 35 103 64 1006 968 848 848 937 940 997 1031 157 239 222 460 220 755 0 240 -37 399 -139 604 -129 258 -357 481 -617 604 -448 213 -1001 159 -1392 -136 -33 -25 -115 -100 -182 -165 l-122 -120 -138 134 c-233 226 -425 332 -703 389 -119 24 -328 34 -438 20z m349 -315 c249 -43 390 -127 659 -391 102 -100 195 -186 207 -193 28 -14 98 -14 126 0 12 7 103 91 202 188 233 230 339 303 515 359 132 42 172 47 340 46 143 -1 177 -4 260 -26 190 -51 343 -141 481 -285 133 -138 215 -285 261 -470 19 -74 22 -115 22 -253 -1 -145 -4 -177 -26 -261 -31 -115 -79 -222 -144 -321 -69 -106 -1807 -1848 -1878 -1883 -65 -33 -127 -33 -192 0 -71 35 -1809 1777 -1878 1883 -65 99 -113 206 -144 321 -22 84 -25 116 -26 261 -1 183 16 275 73 411 113 270 374 505 646 584 155 45 345 57 496 30z'/> </g></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

/*-------------- ACF Product accordion -------------- */

.acf-product-accordion .accordion-toggle {
    position: relative;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 15px;
    width: 100%;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    margin-top: 10px;
    transition: background 0.3s ease;
    margin-bottom: 0;
}

.acf-product-accordion .accordion-toggle.active {
    border-radius: 30px 30px 0 0 !important; border-bottom: 1px solid #f7f7f7;
}

.acf-product-accordion .accordion-toggle .accordion-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    transition: transform 0.3s ease;
}

.acf-product-accordion .accordion-toggle.active .accordion-icon {
    transform: translateY(-50%) rotate(180deg);
    content: "-";
}

.acf-product-accordion .accordion-content {
    display: none;
    padding: 15px;
    border: none;
    border-top: none;
    background: #fff;
    border-radius: 0 0 30px 30px;
	border: 1px solid #ddd;
	border-top: 1px solid #f7f7f7;
}

.paypo-step {
    border-radius: 30px;
    border: 1px solid #ddd;
    padding: 20px;
    margin: 10px;
    display: flex;
    gap: 20px; align-items: center;
}
.paypo-step .step {
    font-size: 2.5rem;
    font-weight: 700;
}
.jz-custom-warning {
    padding: 20px;
    background: #f5f5f5;
    display: block;
    border-radius: 30px; font-size: 12px;
}

.jz-custom-warning img {
    width: 20px;
}

/*-------------- END ACF Product accordion -------------- */
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}