/*
  ==============================================================
        TAILWIND BORDER
  ==============================================================
*/
    /*
  ==============================================================
        BORDER STYLE
  ==============================================================
*/
    .tw-border-solid {
        border-style: solid;
    }

    .tw-border-dashed {
        border-style: dashed;
    }

    .tw-border-dotted {
        border-style: dotted;
    }

    .tw-border-double {
        border-style: double;
    }

    .tw-border-hidden {
        border-style: hidden;
    }

    .tw-border-none {
        border-style: none;
    }


/*
  ==============================================================
        RESPONSIVE BORDER STYLE
  ==============================================================
*/

@media (min-width: 576px) {
    .sm\:tw-border-solid {
        border-style: solid;
    }

    .sm\:tw-border-dashed {
        border-style: dashed;
    }

    .sm\:tw-border-dotted {
        border-style: dotted;
    }

    .sm\:tw-border-none {
        border-style: none;
    }
}

@media (min-width: 768px) {
    .md\:tw-border-solid {
        border-style: solid;
    }

    .md\:tw-border-dashed {
        border-style: dashed;
    }

    .md\:tw-border-dotted {
        border-style: dotted;
    }

    .md\:tw-border-none {
        border-style: none;
    }
}


/*  
    ------------------------------------------------------
    BORDER STYLE HOVER
    ------------------------------------------------------
*/
    .hover\:tw-border-solid:hover {
        border-style: solid;
    }

    .hover\:tw-border-dashed:hover {
        border-style: dashed;
    }

    .hover\:tw-border-dotted:hover {
        border-style: dotted;
    }

    .hover\:tw-border-double:hover {
        border-style: double;
    }

    .hover\:tw-border-hidden:hover {
        border-style: hidden;
    }

    .hover\:tw-border-none:hover {
        border-style: none;
    }
    /*  
    ------------------------------------------------------
    BORDER STYLE FOCUS
    ------------------------------------------------------
*/
    .focus\:tw-border-solid:focus {
        border-style: solid;
    }

    .focus\:tw-border-dashed:focus {
        border-style: dashed;
    }

    .focus\:tw-border-dotted:focus {
        border-style: dotted;
    }

    .focus\:tw-border-double:focus {
        border-style: double;
    }

    .focus\:tw-border-hidden:focus {
        border-style: hidden;
    }

    .focus\:tw-border-none:focus {
        border-style: none;
    }
    /*
  ==============================================================
        BORDER STYLE
  ==============================================================
*/

    .tw-border-0 {
        border-width: 0px;
    }

    .tw-border-2 {
        border-width: 2px;
    }

    .tw-border-4 {
        border-width: 4px;
    }

    .tw-border-8 {
        border-width: 8px;
    }

    .tw-border {
        border-width: 1px;
    }

    .tw-border-x-0 {
        border-left-width: 0px;
        border-right-width: 0px;
    }

    .tw-border-x-2 {
        border-left-width: 2px;
        border-right-width: 2px;
    }

    .tw-border-x-4 {
        border-left-width: 4px;
        border-right-width: 4px;
    }

    .tw-border-x-8 {
        border-left-width: 8px;
        border-right-width: 8px;
    }

    .tw-border-x {
        border-left-width: 1px;
        border-right-width: 1px;
    }

    .tw-border-y-0 {
        border-top-width: 0px;
        border-bottom-width: 0px;
    }

    .tw-border-y-2 {
        border-top-width: 2px;
        border-bottom-width: 2px;
    }

    .tw-border-y-4 {
        border-top-width: 4px;
        border-bottom-width: 4px;
    }

    .tw-border-y-8 {
        border-top-width: 8px;
        border-bottom-width: 8px;
    }

    .tw-border-y {
        border-top-width: 1px;
        border-bottom-width: 1px;
    }

    .tw-border-s-0 {
        border-inline-start-width: 0px;
    }

    .tw-border-s-2 {
        border-inline-start-width: 2px;
    }

    .tw-border-s-4 {
        border-inline-start-width: 4px;
    }

    .tw-border-s-8 {
        border-inline-start-width: 8px;
    }

    .tw-border-s {
        border-inline-start-width: 1px;
    }

    .tw-border-e-0 {
        border-inline-end-width: 0px;
    }

    .tw-border-e-2 {
        border-inline-end-width: 2px;
    }

    .tw-border-e-4 {
        border-inline-end-width: 4px;
    }

    .tw-border-e-8 {
        border-inline-end-width: 8px;
    }

    .tw-border-e {
        border-inline-end-width: 1px;
    }

    .tw-border-t-0 {
        border-top-width: 0px;
    }

    .tw-border-t-2 {
        border-top-width: 2px;
    }

    .tw-border-t-4 {
        border-top-width: 4px;
    }

    .tw-border-t-8 {
        border-top-width: 8px;
    }

    .tw-border-t {
        border-top-width: 1px;
    }

    .tw-border-r-0 {
        border-right-width: 0px;
    }

    .tw-border-r-2 {
        border-right-width: 2px;
    }

    .tw-border-r-4 {
        border-right-width: 4px;
    }

    .tw-border-r-8 {
        border-right-width: 8px;
    }

    .tw-border-r {
        border-right-width: 1px;
    }

    .tw-border-b-0 {
        border-bottom-width: 0px;
    }
    .tw-border-b-2 {
        border-bottom-width: 2px;
    }

    .tw-border-b-4 {
        border-bottom-width: 4px;
    }

    .tw-border-b-8 {
        border-bottom-width: 8px;
    }

    .tw-border-b {
        border-bottom-width: 1px;
    }

    .tw-border-l-0 {
        border-left-width: 0px;
    }

    .tw-border-l-2 {
        border-left-width: 2px;
    }

    .tw-border-l-4 {
        border-left-width: 4px;
    }

    .tw-border-l-8 {
        border-left-width: 8px;
    }

    .tw-border-l {
        border-left-width: 1px;
    }



/*
  ==============================================================
        RESPONSIVE BORDER WIDTH
  ==============================================================
*/

/* ✅ sm (≥576px) */
@media (min-width: 576px) {

    /* ALL */
    .sm\:tw-border {
        border-width: 1px;
    }

    .sm\:tw-border-0 {
        border-width: 0;
    }

    .sm\:tw-border-2 {
        border-width: 2px;
    }

    .sm\:tw-border-4 {
        border-width: 4px;
    }

    /* X */
    .sm\:tw-border-x {
        border-left-width: 1px;
        border-right-width: 1px;
    }

    .sm\:tw-border-x-0 {
        border-left-width: 0;
        border-right-width: 0;
    }

    /* Y */
    .sm\:tw-border-y {
        border-top-width: 1px;
        border-bottom-width: 1px;
    }

    .sm\:tw-border-y-0 {
        border-top-width: 0;
        border-bottom-width: 0;
    }

    /* TOP */
    .sm\:tw-border-t {
        border-top-width: 1px;
    }

    .sm\:tw-border-t-0 {
        border-top-width: 0;
    }

    /* BOTTOM */
    .sm\:tw-border-b {
        border-bottom-width: 1px;
    }

    .sm\:tw-border-b-0 {
        border-bottom-width: 0;
    }
}


/* ✅ md (≥768px) */
@media (min-width: 768px) {

    /* ALL */
    .md\:tw-border {
        border-width: 1px;
    }

    .md\:tw-border-0 {
        border-width: 0;
    }

    .md\:tw-border-2 {
        border-width: 2px;
    }

    .md\:tw-border-4 {
        border-width: 4px;
    }

    /* X */
    .md\:tw-border-x {
        border-left-width: 1px;
        border-right-width: 1px;
    }

    .md\:tw-border-x-0 {
        border-left-width: 0;
        border-right-width: 0;
    }

    /* Y */
    .md\:tw-border-y {
        border-top-width: 1px;
        border-bottom-width: 1px;
    }

    .md\:tw-border-y-0 {
        border-top-width: 0;
        border-bottom-width: 0;
    }

    /* TOP */
    .md\:tw-border-t {
        border-top-width: 1px;
    }

    .md\:tw-border-t-0 {
        border-top-width: 0;
    }

    /* BOTTOM */
    .md\:tw-border-b {
        border-bottom-width: 1px;
    }

    .md\:tw-border-b-0 {
        border-bottom-width: 0;
    }
}